rubyPosition and textEmphasis properties are ignored #172
Description
Tested XML:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<tt xml:lang="en" xmlns="http://www.w3.org/ns/ttml" ttp:contentProfiles="http://www.w3.org/ns/ttml/profile/imsc1.1/text" xmlns:tts="http://www.w3.org/ns/ttml#styling" xmlns:ttm="http://www.w3.org/ns/ttml#metadata" xmlns:ttp="http://www.w3.org/ns/ttml#parameter" ttp:timeBase="media" ttp:frameRate="24" ttp:frameRateMultiplier="1000 1001" ttp:tickRate="1000" xmlns:ebutts="urn:ebu:tt:style" xmlns:itts="http://www.w3.org/ns/ttml/profile/imsc1#styling" xmlns:ittp="http://www.w3.org/ns/ttml/profile/imsc1#parameter" xmlns:ittm="http://www.w3.org/ns/ttml/profile/imsc1#metadata" ttp:displayAspectRatio="16 9">
<head>
</head>
<body>
<div>
<!--Test1: Ruby position-->
<p begin="0f" end="100f" style="default">test1<span tts:ruby="container" tts:rubyPosition="before" tts:rubyAlign="spaceAround"><span tts:ruby="base">base1</span><span tts:ruby="text">text1.1</span></span>text1.2</p>
<p begin="0f" end="100f" style="default">test2<span tts:ruby="container" tts:rubyPosition="after" tts:rubyAlign="spaceAround"><span tts:ruby="base">base2</span><span tts:ruby="text">text2.1</span></span>text2.2</p>
<!--Test2: Above and below glyphs-->
<p begin="100f" end="200f" style="default"><span xml:lang="en"><span tts:textEmphasis="filled dot before">test3</span></span></p>
<p begin="100f" end="200f" style="default"><span xml:lang="en"><span tts:textEmphasis="filled dot after">test4</span></span></p>
</div>
</body>
</tt>
Test 1 (frame 0)
- Safari / Chrome
- Both ruby texts are displayed before the base (the rubyPosition field is ignored.)
- Expected:
- The first ruby text should be displayed before the base
- The second ruby text be displayed after the base
- If we manually set -webkit-ruby-position: after; for the second text:
Test2 (frame 100)
- Chrome
- The textEmphasis field is ignored
- Safari
- The textEmphasis field is not ignored. If we inspect this element we can find the following fields:
- For test3: webkit-text-emphasis-style: filled dot; -webkit-text-emphasis-position: over left;
- For test4: webkit-text-emphasis-style: filled dot; -webkit-text-emphasis-position: under left;
- The textEmphasis field is not ignored. If we inspect this element we can find the following fields:
