Steps to replicate the issue (include links if applicable):
- Navigate to the config demo on the main branch at https://doc.wikimedia.org/codex/main/components/demos/popover.html
- In the configurable demo, add a long title like “Popover title is very very very very very very very very long”, and add an icon such as 'cdxIconAppearance' and the close button.
- Use the appearance menu in the header to change the font size to "Extra Large"
What happens?: The icon has no horizontal space to grow and scale with font size in larger font modes. This is due to the default flex-shrink behavior.
What should have happened instead?: The icon should not shrink. Its width should allow it to grow and scale with font modes.
Software version : Codex main branch
Acceptance Criteria
- Ensure the Popover header icon doesn't shrink when space is limited, for example, long titles and larger font modes.