Bug 26179

Summary: Changing style element media attribute dynamically doesn't work (embedded s5 css not rendering as slides)
Product: WebKit Reporter: Jens Petersen <juhpetersen>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ap, bfulgham, hyatt, koivisto, mitz, ntim, pangle, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=38113
Attachments:
Description Flags
test.html
none
reduced test case none

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]
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.
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:

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