Bug: Export Mode doesn't work in Firefox.
Closed this issue ยท 1 comments
Question
Hello ๐
I'm building some slides right now and wanted to look an a PDF export but oddly only the first Slide is visible but the PDF has the full 121 slides as pages but they are all white. I looked into similiar issues where ppl said imported slides have some issue and moved all CustomSlides which were imported into the App.tsx
but that did produce a different result. I used Firefox to generate the PDF.
TL;DR: Chrome is working Firefox not.
Is Firefox not supported or is this a bug?
Background Info/Attempts
I used:
- Firefox 94.0.1 (64Bit) as a browser
- react ^17.0.2
- spectacle ^8.4.1
- typescript ^4.1.2
Here a screen of the PDF generation preview:
You can see, only the first slide gets into the PDF and even that slides is a little bit off.
After that i tried this simple example:
const theme = {
colors: {
primary: '#333333',
secondary: '#39bbcf',
tertiary: '#efefef',
quaternary: '#efefef',
grey: '#ddd',
red: '#c92a2a'
},
fonts: {
primary: 'Ubuntu',
}
};
function App() {
return (
<Deck theme={theme} transition={{from: {}, leave: {}, enter: {}}}>
<Slide backgroundColor="primary">
<FlexBox height="100%">
<Heading size={3} lineHeight={1} color="secondary">
Slide 1
</Heading>
</FlexBox>
</Slide>
<Slide backgroundColor="primary">
<FlexBox height="100%">
<Heading size={3} lineHeight={1} color="secondary">
Slide 2
</Heading>
</FlexBox>
</Slide>
</Deck>
);
}
With this i get the same result, only first slide and still off:
I'll downloaded chrome and tried all steps above backwards and everything worked:
Confirmed with https://raw.githack.com/FormidableLabs/spectacle/main/examples/one-page.html?exportMode=true on FF 98.0 -- first page visible, blank pages in print dialog for everything else.