FLUID-6637: OpenDyslexic font breaks layout of Prefs framework demo

Metadata

Source
FLUID-6637
Type
Bug
Priority
Minor
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Justin Obara
Created
2021-06-29T10:56:55.856-0400
Updated
2021-06-29T10:59:26.731-0400
Versions
  1. 3.0
Fixed Versions
N/A
Component
  1. Demos
  2. Prefs Framework
  3. UIEnhancer

Description

The OpenDyslexic font causes the text in the header to wrap and extend beyond its borders. This cause the lower portion to be clipped behind the navigation.

Steps to reproduce:

  1. Open the Prefs Framework demo
  2. Open the prefs editor
  3. Change the text style to "Open Dyslexic"
  4. Notice the header text expanding beyond its borders

Attachments

Comments

  • Justin Obara commented 2021-06-29T10:58:46.089-0400

    screenshot.png shows the header text expanding beyond its borders when the Open Dyslexic font is used.

  • Justin Obara commented 2021-06-29T10:59:26.731-0400

    The current NOAA version of the Prefs Framework really needs to be replaced with something that uses best practices for styling.