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

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

Merged
merged 6 commits into from
Nov 30, 2024

Conversation

mj12albert
Copy link
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

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 This is the name of the generic UI component, not the React module! component: radio group This is the name of the generic UI component, not the React module! component: progress This is the name of the generic UI component, not the React module! 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
@@ -94,6 +92,7 @@ const TabsList = React.forwardRef(function TabsList(
highlightedIndex={highlightedTabIndex}
enableHomeAndEndKeys
loop={loop}
orientation={orientation}
Copy link
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
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
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
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
Member Author

Choose a reason for hiding this comment

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

docs/data/components/radio-group/radio-group.mdx Outdated Show resolved Hide resolved
docs/data/components/tabs/tabs.mdx Outdated Show resolved Hide resolved
@mj12albert mj12albert merged commit 8a0c9a5 into mui:master Nov 30, 2024
23 checks passed
@mj12albert mj12albert deleted the feat/standardize-rtl branch November 30, 2024 05:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: progress This is the name of the generic UI component, not the React module! component: radio group This is the name of the generic UI component, not the React module! component: tabs This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants