Bug 26179 - Changing style element media attribute dynamically doesn't work (embedded s5 css not rendering as slides)
Summary: Changing style element media attribute dynamically doesn't work (embedded s5 ...
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2009-06-03 18:55 PDT by Jens Petersen
Modified: 2022-07-12 20:38 PDT (History)
8 users (show)

See Also:

test.html (20.66 KB, text/html)
2009-06-03 20:08 PDT, Jens Petersen
no flags Details
reduced test case (202 bytes, text/html)
2010-04-08 10:54 PDT, Alexey Proskuryakov
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Jens Petersen 2009-06-03 18:55:06 PDT
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.
Comment 1 Jens Petersen 2009-06-03 20:08:26 PDT
Created attachment 30938 [details]

This was generated with pandoc-1.2:

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

# Slide 1

- morning

# Slide 2

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

Normal non-embedded s5 slides render ok.
Comment 2 Jens Petersen 2009-06-03 20:12:37 PDT
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.
Comment 3 Jens Petersen 2010-04-08 07:42:13 PDT
I investigated a bit more and the funny is:

<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">

Guess a smaller testcase is needed?

Google Chrome	5.0.366.2 (Official Build 43280) dev
WebKit	533.4
Comment 4 Alexey Proskuryakov 2010-04-08 10:54:45 PDT
Created attachment 52878 [details]
reduced test case
Comment 5 Brent Fulgham 2022-07-11 16:49:19 PDT
Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains.
Comment 6 Alexey Proskuryakov 2022-07-12 20:04:17 PDT
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?