Skip to content

[Progress][RadioGroup][Tabs] Unify text direction (LTR/RTL) handling#885

Merged
mj12albert merged 6 commits intomui:masterfrom
mj12albert:feat/standardize-rtl
Nov 30, 2024
Merged

[Progress][RadioGroup][Tabs] Unify text direction (LTR/RTL) handling#885
mj12albert merged 6 commits intomui:masterfrom
mj12albert:feat/standardize-rtl

Conversation

@mj12albert
Copy link
Copy Markdown
Member

@mj12albert mj12albert commented Nov 28, 2024

Part of #831

  • Tabs/RadioGroup automatically work

  • Progress.Indicator's build-in styles changed from using left: 0/right: 0 to inset-inline-start: 0, there should be no browser support issue (reference)

  • I have followed (at least) the PR section of the contributing guide.

@mui-bot
Copy link
Copy Markdown

mui-bot commented Nov 28, 2024

Netlify deploy preview

https://deploy-preview-885--base-ui.netlify.app/

Generated by 🚫 dangerJS against 19f646c

@mj12albert mj12albert added component: tabs Changes related to the tabs component. component: radio group component: progress Changes related to the progress component. labels Nov 28, 2024
@mj12albert mj12albert force-pushed the feat/standardize-rtl branch 10 times, most recently from d0ddf3a to 7f46330 Compare November 28, 2024 08:13
highlightedIndex={highlightedTabIndex}
enableHomeAndEndKeys
loop={loop}
orientation={orientation}
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Forgot this in #751
For Tabs, the cross-orientation arrow key should be ignored (and scroll the page if applicable)

Copy link
Copy Markdown
Member

@michaldudak michaldudak left a comment

Choose a reason for hiding this comment

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

Looks good! I'm approving assuming you resolve the comments.

Uploading files
</span>
<Progress.Track className={classes.track}>
<Progress.Indicator className={classes.indicator} />
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

This demo looks broken on CodeSandbox (the progress bar is invisible). Could you please check?

Copy link
Copy Markdown
Member Author

@mj12albert mj12albert Nov 29, 2024

Choose a reason for hiding this comment

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

Looks like the CSS color vars I was using from various theme.css got lost because theme.css isn't linked correctly by the index.html in the sandbox

I'll put fallback values for the stylesheet touched in this PR: bdee765#diff-2e7b61a5d5509e7a87e5c596b9db8313ed2ea6d2c1b5decf0c161a49e776e6cd

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Comment thread docs/data/components/radio-group/radio-group.mdx Outdated
Comment thread docs/data/components/tabs/tabs.mdx Outdated
@mj12albert mj12albert merged commit 8a0c9a5 into mui:master Nov 30, 2024
@mj12albert mj12albert deleted the feat/standardize-rtl branch November 30, 2024 05:14
@michaldudak michaldudak added component: radio group Changes related to the radio group component. and removed component: radio group labels May 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: progress Changes related to the progress component. component: radio group Changes related to the radio group component. component: tabs Changes related to the tabs component.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants