Uploaded image for project: 'Fluid Infusion'
  1. Fluid Infusion
  2. FLUID-6280

The orator component neither supports reading nor highlighting of text that is set via pseudo elements.

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: Self Voicing
    • Labels:
      None

      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.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              jobara Justin Obara
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated: