Skip to content

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

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
@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

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
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.

4 participants