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(NcAction*): complete BiDi support #6507

Merged
merged 2 commits into from
Feb 13, 2025
Merged

fix(NcAction*): complete BiDi support #6507

merged 2 commits into from
Feb 13, 2025

Conversation

Antreesy
Copy link
Contributor

@Antreesy Antreesy commented Feb 11, 2025

☑️ Resolves

  • Fix support for RTL languages in NcActions and nested items
    ⚠️ left: -10000px; was replaced with different handling, as it might affect scrolling (although we don't have a horizontal one, it seems better to keep native elements within the component area, not outside of screen)
  • Additionaly fix stylelint logical rules in docs examples (to not come back to them later)

🖼️ Screenshots

No visual changes (for LTR)

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 3️⃣ Backport to next requested with a Vue 3 upgrade

@Antreesy Antreesy added bug Something isn't working 3. to review Waiting for reviews feature: actions Related to the actions components RTL Right-to-Left languages support labels Feb 11, 2025
@Antreesy Antreesy added this to the 8.23.0 milestone Feb 11, 2025
@Antreesy Antreesy requested a review from hamza221 February 11, 2025 13:06
@Antreesy Antreesy self-assigned this Feb 11, 2025
@susnux susnux requested a review from ShGKme February 12, 2025 19:18
@susnux
Copy link
Contributor

susnux commented Feb 12, 2025

/backport to next

top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -1;
opacity: 0;
Copy link
Contributor

Choose a reason for hiding this comment

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

A general note: opacity: 0 must be redundant.

  • If an element is not visible already - opacity: 0 does nothing
  • If an element is actually visible - opacity: 0 hides it from view, but the element still exists and might block interactions or have other unexpected effects

But this element is hidden anyway by the server styles, and both old and new visually hidden approaches are not correct here, so can be properly fixed later.

Hidden input must be in the same place as the visual one. Screen reader will focus and select the real <input>

@Antreesy Antreesy merged commit 44eb9a9 into master Feb 13, 2025
23 checks passed
@Antreesy Antreesy deleted the fix/noid/stylelint branch February 13, 2025 13:23
@Antreesy Antreesy mentioned this pull request Feb 13, 2025
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working feature: actions Related to the actions components RTL Right-to-Left languages support
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants