[docs-infra] Fix Base UI API tabs layout regresions #41122
Open
Description
Problem
#35938 introduced a number of UX problems that we didn't have before:
- 1. TOC scroll sync. Details on the problem: [docs][base] Show components & hooks API on the components page #35938 (comment)
- 2. Duplicate page title. Details on the problem: [docs][base] Show components & hooks API on the components page #35938 (comment)
- 3. Duplication of SVG icons. Details on the problem: [docs][base] Show components & hooks API on the components page #35938 (comment)
- 4. API module names shouldn’t be translated. Details on the problem: [docs][base] Show components & hooks API on the components page #35938 (comment)
- 5. Broken API link between pages, 301 links, reported by ahrefs. Details on the problem: https://app.ahrefs.com/site-audit/3992793/50/data-explorer?columns=pageRating%2Curl%2Ctraffic%2ChttpCode%2CredirectChainUrls%2CisRedirectLoop%2CincomingAllLinks%2CincomingRedirect%2Corigin&filterId=808b08e88c934ee19e04fdec4ed87a5a&issueId=c64d12c1-d0f4-11e7-8ed1-001e67ed4656&sorting=-pageRating&udUrl=https%3A%2F%2Fmui.com%2Fbase-ui%2Fapi%2Fpopper%2F
- 6. [docs-infra] Fix algolia links to API props #40402
- 7. Broken Tabs arrow navigation on https://mui.com/base-ui/react-button/components-api/ (Solved in [docs-infra] Fix keyboard navigation on page tabs #42152)
- 8. Broken Tabs aria-role on https://mui.com/base-ui/react-button/components-api/ (Solved in [docs-infra] Fix keyboard navigation on page tabs #42152)
Context
As of today, I don't think that the tabs experience yields a stronger UX. We know it varies from person to person, so only talking for myself, it's not there.
I think that fixing these UX regressions would make it to the point where maybe it would be a superior UX for most people. I could understand why.
Your environment
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Search keywords: Base UI API tabs layout regresions
Metadata
Assignees
Projects
Status
Backlog