Adding <mark> tag dynamically inside a block element with text-transform: capitalize property gives incorrect behaviour
Reported by
gandh...@bangthetable.com,
May 11 2018
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36 Steps to reproduce the problem: 1. Create a block element with text 'lorem' and text-transform:capitalize css property on the block element 2. Dynamically change the content to <mark>l</mark>orem inside that block element What is the expected behavior? Lorem -> L to be highlighted and capitalized followed by orem What went wrong? LOrem -> L is highlighted and capitalized but O is also capitalized. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 66.0.3359.139 Channel: stable OS Version: OS X 10.13.3 Flash Version: Because when you hide the context element and then show it again, the CSS of that context is repainted and therefore is correctly displayed
,
May 11 2018
Original issue: https://github.com/julmot/mark.js/issues/233
,
May 14 2018
,
May 14 2018
Able to reproduce the issue on Mac 10.13.3, Win-10 and Ubuntu 17.10 using chrome reported version #66.0.3359.139 and latest canary #68.0.3429.0. This is a non-regression issue as it is observed from M60 old builds. Hence, marking it as untriaged to get more inputs from dev team. Thanks...!!
,
May 14 2018
Perhaps something we can fix in NG. |
||||
►
Sign in to add a comment |
||||
Comment 1 by gandh...@bangthetable.com
, May 11 2018