#1341·spectacle

DefaultTemplate FullScreen button with no size after upgrade to next 15

Author: IOIO72Created Nov 12, 2024Updated Nov 29, 2024

Describe Your Environment

What version of Spectacle are you using? 10.1.8

What version of React are you using? 18.3.1

What browser are you using? MS Edge

What platform are you on? macOS

NextJS version 15.0.3

Describe the Problem

By using the DefaultTemplate after upgrading NextJS to v15, the FullScreen button overlays the whole slide with a width of the whole page.

Expected behavior:

FullScreen button remains on default size of 24px

Actual behavior:

FullScreen button is of size of the page

Additional Information

Fixed it in my project by copying the DefaultTemplate and modified it, to make it work.

typescript
type Props = {
  color?: string;
  iconSize?: number;
};

export const DefaultTemplate = ({ color = '#fff', iconSize = 24 }: Props) => (
  <FlexBox justifyContent="space-between" position="absolute" bottom={0} width={1}>
    <Box padding="0 1em">
      <FullScreen color={color} size={iconSize} />
    </Box>
    <Box padding="1em">
      <AnimatedProgress color={color} />
    </Box>
  </FlexBox>
);

Source: FormidableLabs/spectacle