Bug 26179 – Changing style element media attribute dynamically doesn't work (embedded s5 css not rendering as slides)

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Jens Petersen]

I will attached a testcase below.

When I view an html file with embedded s5 slides under webkit,
the slide mode is not rendered as slides but a large overview
rendering toggling mode to overview and back to slide mode
shows the text from each individual slide gradually moving
further down the window as one goes though them.

The same file renders fine in Firefox/gecko.

I am actually testing on Linux but I am not sure this is OK specific.
It could also be a problem with the generate html but it is ok in mozilla.

[Jens Petersen]

Created attachment 30938 [details]
test.html

This was generated with pandoc-1.2:

$ cat > test.txt <<EOF
% Test slides
% Some One
% 2009-06-04

# Slide 1

- morning

# Slide 2

- afternoon
EOF
$ pandoc -t s5 -s test.txt  > test.html

Normal non-embedded s5 slides render ok.

[Jens Petersen]

For the record I also opened a bug for this against pandoc http://code.google.com/p/pandoc/issues/detail?id=145
since I am not sure if this is an html issue or
a rendering issue.

[Jens Petersen]

I investigated a bit more and the funny is:

with
<link rel="stylesheet" href="ui/default/slides.css" type="text/css" media="projection" id="slideProj" />
the rendering works but not

<style type="text/css" media="projection">
:
:
</style>

Guess a smaller testcase is needed?

Google Chrome	5.0.366.2 (Official Build 43280) dev
WebKit	533.4

[Alexey Proskuryakov]

Created attachment 52878 [details]
reduced test case

[Brent Fulgham]

Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains.

[Alexey Proskuryakov]

Not sure if my reduced test case captured the whole issue. Clearly, we enable the inline stylesheet, but would we load an external stylesheet dynamically?