SVG displayed in tip wrapper in Safari are not sized properly

Created on 15 January 2025, 3 months ago

Problem/Motivation

When inspecting some content in I encountered SVG icons that were not sized properly and were causing the editoria11y tip wrapper to not display as expected.

CKEditor 5 / Drupal 10.3 / Editoria11y 2.2.0 / Gin theme

It didn't appear that any other rules from our theme were affecting these button icons.

I've attached some pictures to demonstrate what I am seeing and the result of turning off the inline-flex on the dismiss span.

Steps to reproduce

Proposed resolution

Removing display: inline-flex from `.ed11y-tip-wrapper .dismiss span` fixed the issue in Safari.

Remaining tasks

User interface changes

API changes

Data model changes

I'm no expert in this. I just wanted to report this upstream with the information I have on hand.

Thank you!

πŸ› Bug report
Status

Active

Version

2.2

Component

Bugs

Created by

πŸ‡ΊπŸ‡ΈUnited States dasginganinja Bethlehem, PA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024