Skip to content

DefaultTemplate FullScreen button with no size after upgrade to next 15 #1341

Open
@IOIO72

Description

@IOIO72

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.

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>
);

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions