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

Text Size adjuster does not trigger em based media queries

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 2.0
    • Fix Version/s: None
    • Labels:
      None

      Description

      When defining a media query to change styles like layouts for mobile vs desktop, one may use px or relative values (e.g. em) to determine the size. Using a relative value allows the browser to switch to the mobile media query as a user zooms with the + key. However this will not work with the text size adjuster. Relative unit media queries are based off of the initial value ( https://www.w3.org/TR/css3-mediaqueries/#units ) and do not take into consideration any style declaration. For the text size adjuster we set the font size off the <html> element to trigger the size change.

       

      What this means in practice is that if a user uses the browser's zoom feature, the mobile version will be displayed, but if they use the text size adjuster from the prefs framework, it will just increase the font size. 

       

      This can cause potential layout / styling challenges for integrators as they approach the cut off points for their media queries as well as for layouts for small screens.

        Attachments

          Activity

            People

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

              Dates

              Created:
              Updated: