48936 2010-11-03 11:19:26 -0700 The underline position for Japanese/Korean vertical text is wrong. 2024-07-22 23:46:54 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) PC OS X 10.5 RESOLVED DUPLICATE 245559 InRadar P2 Normal --- 46123 49408 1 hyatt hyatt browserbugs2 eoconnor itshustletime joone karlcow kojii nanto ntim webkit-bug-importer oldest_to_newest 304136 0 hyatt 2010-11-03 11:19:26 -0700 The underline position for Japanese/Korean vertical text is wrong. Horizontal text uses an alphabetic baseline as the basis for the underline's position, but this is incorrect for Japanese vertical text. In that case the underline needs to be to the left of the glyphs themselves (past the descent). This could get tricky to implement given that vertical metrics on OS X are including the leading in the descent value. We may have to operate using glyph bounds, since we know the glyphs are square. 356281 1 hyatt 2011-02-23 12:02:35 -0800 This problem was fixed, but apparently underlines should be on the right side. There's a new property to control this in CSS3. Keeping this open to track that issue. 559752 2 kojii 2012-02-18 01:29:55 -0800 I've checked in some small changes to the spec and hope that section is pretty stable now. We editors are hoping to target LC in March if no further issues come up and if WG agrees. ED is at: http://dev.w3.org/csswg/css3-text/#text-underline-position 1191344 3 browserbugs2 2016-05-09 15:39:31 -0700 DHTML Tests ----------- http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/text-decoration-DHTML.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/text-decoration-position-sample-dhtml.html HTML Tests ---------- with writing-mode: vertical-lr - - - - - - - - - - - - - - - http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vlr-003.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vlr-005.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vlr-007.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vlr-003.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vlr-005.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vlr-007.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-font-size-vlr-003.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-font-size-vlr-005.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-mixed-vlr-003.xht with writing-mode: vertical-rl - - - - - - - - - - - - - - - http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vrl-002.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vrl-004.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-sideways-vrl-006.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vrl-002.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vrl-004.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-text-decoration-upright-vrl-006.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-font-size-vrl-002.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-font-size-vrl-004.xht http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s75-underline-mixed-vrl-002.xht All those tests have been submitted to W3C Writing-Mode Test suite, except the DHTML tests. 1424716 4 nanto 2018-05-17 07:38:30 -0700 Chrome, Firefox, and Edge draw underline on the right side of Japanese/Korean vertical text but Safari draws on the left side. https://jsfiddle.net/vknh5ozr/ 2005467 5 webkit-bug-importer 2024-01-16 18:07:59 -0800 <rdar://problem/121087588> 2047706 6 ntim 2024-07-22 23:46:54 -0700 *** This bug has been marked as a duplicate of bug 245559 ***