You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
Set up a WordPress installation with Breakdance installed and activated.
Create a new page using the Breakdance editor.
Add a "Text Link" element to the page.
Adjust the "Decoration" property to include a custom "Thickness" value (Typography > Advanced > Decoration > Thickness).
Preview the page in Safari on macOS or iOS.
Copy the CSS properties (including text-decoration-thickness) generated for the "Text Link" element.
Apply the copied CSS manually to a "Text" element via the "Custom CSS" tab in Breakdance.
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
The text was updated successfully, but these errors were encountered:
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
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
The text was updated successfully, but these errors were encountered: