Metadata
- Source
- FLUID-6280
- Type
- Bug
- Priority
- Major
- Status
- Open
- Resolution
- N/A
- Assignee
- N/A
- Reporter
- Justin Obara
- Created
2018-05-04T08:28:07.068-0400 - Updated
2018-05-04T08:28:49.743-0400 - Versions
- N/A
- Fixed Versions
- N/A
- Component
-
- Self Voicing
Description
The orator components ignore text that is added via pseudo elements (:after, :before). They are not really part of the document content, can't be selected by the users, and should only be used to add presentational effects like icons or other visual styling.
This JSFiddle ( https://jsfiddle.net/5ocossLq/1/ ) provides and illustration of how text in the DOM is checked.
In the future if we decide that it is necessary to support content added via pseudo elements, we should be able to access it by checking the "content" property after calling getCompoutedStyle on the element (See: https://davidwalsh.name/pseudo-element ). However, we may also need to re-examine how the text highlighting works because it currently wraps the text in a <mark> tag.