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

Fix: Remove styling 'all: unset' from buttons which caused focus problems in Firefox [ED-14521] #27336

Conversation

hein-obox
Copy link
Member

PR Checklist

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

Summary

This PR can be summarized in the following changelog entry:

Description

An explanation of what is done in this PR

Test instructions

This PR can be tested by following these steps:

Quality assurance

  • I have tested this code to the best of my abilities
  • I have added unittests to verify the code works as intended
  • Docs have been added / updated (for bug fixes / features)

Fixes #

@@ -251,11 +251,4 @@
border-radius: $border-radius;
}
}

@mixin button-focus-outline() {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No longer used.

@@ -179,8 +180,6 @@
gap: var(--n-tabs-icon-gap);
border-width: var(--n-tabs-border-width);
position: relative;
cursor: pointer;
Copy link
Member Author

@hein-obox hein-obox May 15, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The button has a pointer by default, but was overridden by the all: unset styling.

@@ -203,8 +202,6 @@
-webkit-text-stroke-color var(--n-tabs-title-transition ),
transform var(--n-tabs-title-transition);

@include button-focus-outline;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We prefer to use the default styling inside, which was overridden by the all: unset styling.

hein-obox and others added 4 commits May 15, 2024 17:17
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
…which-caused-focus-problems-in-firefox' of https://github.com/marcelementor/elementor into fix/ED-14521-fix-remove-styling-all-unset-from-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
@hein-obox hein-obox marked this pull request as draft May 23, 2024 13:43
@hein-obox hein-obox requested a review from louiswol94 May 23, 2024 13:44
…om-buttons-which-caused-focus-problems-in-firefox
…om-buttons-which-caused-focus-problems-in-firefox
@hein-obox hein-obox marked this pull request as ready for review May 23, 2024 16:45
…om-buttons-which-caused-focus-problems-in-firefox
@hein-obox hein-obox merged commit 017ec8c into elementor:main May 24, 2024
43 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants