Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"Text Link" Decoration Thickness Not Rendered in Safari #1179

Open
ectu opened this issue Dec 8, 2024 · 0 comments
Open

"Text Link" Decoration Thickness Not Rendered in Safari #1179

ectu opened this issue Dec 8, 2024 · 0 comments

Comments

@ectu
Copy link

ectu commented Dec 8, 2024

Description

The "Thickness" property for "Decoration" in the "Text Link" element does not render as expected in Safari (both macOS and iOS). When the corresponding CSS properties (text-decoration-thickness) are copied and applied manually via "Custom CSS" on a basic "Text" element, the property works as intended, and the correct pixel thickness is displayed.

Steps to Reproduce

  1. Set up a WordPress installation with Breakdance installed and activated.
  2. Create a new page using the Breakdance editor.
  3. Add a "Text Link" element to the page.
  4. Adjust the "Decoration" property to include a custom "Thickness" value (Typography > Advanced > Decoration > Thickness).
  5. Preview the page in Safari on macOS or iOS.
  6. Copy the CSS properties (including text-decoration-thickness) generated for the "Text Link" element.
  7. Apply the copied CSS manually to a "Text" element via the "Custom CSS" tab in Breakdance.
  8. Preview the page in Safari on macOS or iOS.

Expected Behavior

The "Text Link" element should correctly display the decoration thickness in Safari, matching the defined pixel value.
The behavior should be consistent with other elements (e.g., "Text") when the same CSS is applied.

Additional Information

This issue appears to be specific to Safari. The "Thickness" property works as expected in other browsers like Chrome and Firefox.
Copying the CSS directly demonstrates that text-decoration-thickness is supported in Safari, so the problem is likely related to how the "Text Link" element applies the style.

Environment

WordPress Version: 6.7.1
Breakdance Version: 2.2
PHP Version: 8.3
Browser: Safari (18) on macOS 15 and iOS 18.1.1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants