Skip to content

fix(theme): use &.Mui-selected syntax for MuiBottomNavigationAction#3065

Open
Eswaraiahsapram wants to merge 1 commit intoredhat-developer:mainfrom
Eswaraiahsapram:fix/RHDHBUGS-2291-mui-bottom-nav-selected-specificity
Open

fix(theme): use &.Mui-selected syntax for MuiBottomNavigationAction#3065
Eswaraiahsapram wants to merge 1 commit intoredhat-developer:mainfrom
Eswaraiahsapram:fix/RHDHBUGS-2291-mui-bottom-nav-selected-specificity

Conversation

@Eswaraiahsapram
Copy link
Copy Markdown
Member

@Eswaraiahsapram Eswaraiahsapram commented May 7, 2026

Summary

Fixes RHDHBUGS-2291

  • The MuiBottomNavigationAction theme override in the RHDH theme plugin used selected as a top-level key in styleOverrides, which MUI does not support for internal state overrides.
  • Moved the selected styles into root using the &.Mui-selected CSS selector, as recommended by MUI.
  • This eliminates the CSS specificity console warning that appeared on every page load.

Test Plan

  • Run yarn start:legacy in workspaces/theme and verify no MUI console warning about MuiBottomNavigationAction
  • Verify bottom navigation selected state still renders correctly (background color + text color)
  • Type checking passes (tsc --noEmit --skipLibCheck)
  • Changeset included

Assisted-by: Cursor

Hey, I just made a Pull Request!

✔️ Checklist

  • A changeset describing the change and affected packages. (more info)
  • Added or Updated documentation
  • Tests for new functionality and regression tests for bug fixes
  • Screenshots attached (for UI changes)

…Action

MUI requires selected state styles to be nested inside root using
the '&.Mui-selected' selector instead of a top-level 'selected' key
in styleOverrides. The previous approach caused a CSS specificity
warning in the console.

Assisted-by: Cursor
Co-authored-by: Cursor <cursoragent@cursor.com>
@rhdh-gh-app
Copy link
Copy Markdown

rhdh-gh-app Bot commented May 7, 2026

Changed Packages

Package Name Package Path Changeset Bump Current Version
@red-hat-developer-hub/backstage-plugin-theme workspaces/theme/plugins/theme patch v0.14.4

@Eswaraiahsapram Eswaraiahsapram changed the title fix(RHDHBUGS-2291): use &.Mui-selected syntax for MuiBottomNavigationAction fix(theme): use &.Mui-selected syntax for MuiBottomNavigationAction May 7, 2026
@codecov
Copy link
Copy Markdown

codecov Bot commented May 7, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 60.78%. Comparing base (5e4d2b2) to head (fbddd47).
⚠️ Report is 14 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #3065   +/-   ##
=======================================
  Coverage   60.78%   60.78%           
=======================================
  Files        2067     2067           
  Lines       63873    63873           
  Branches    16580    16580           
=======================================
  Hits        38827    38827           
  Misses      24793    24793           
  Partials      253      253           
Flag Coverage Δ *Carryforward flag
adoption-insights 83.58% <ø> (ø) Carriedforward from 5e4d2b2
ai-integrations 70.03% <ø> (ø) Carriedforward from 5e4d2b2
app-defaults 69.60% <ø> (ø) Carriedforward from 5e4d2b2
augment 69.36% <ø> (ø) Carriedforward from 5e4d2b2
bulk-import 72.44% <ø> (ø) Carriedforward from 5e4d2b2
cost-management 16.49% <ø> (ø) Carriedforward from 5e4d2b2
dcm 32.85% <ø> (ø) Carriedforward from 5e4d2b2
extensions 61.42% <ø> (ø) Carriedforward from 5e4d2b2
global-floating-action-button 73.75% <ø> (ø) Carriedforward from 5e4d2b2
global-header 61.62% <ø> (ø) Carriedforward from 5e4d2b2
homepage 50.92% <ø> (ø) Carriedforward from 5e4d2b2
konflux 91.01% <ø> (ø) Carriedforward from 5e4d2b2
lightspeed 69.96% <ø> (ø) Carriedforward from 5e4d2b2
mcp-integrations 81.59% <ø> (ø) Carriedforward from 5e4d2b2
orchestrator 33.15% <ø> (ø) Carriedforward from 5e4d2b2
quickstart 62.64% <ø> (ø) Carriedforward from 5e4d2b2
sandbox 79.49% <ø> (ø) Carriedforward from 5e4d2b2
scorecard 83.61% <ø> (ø) Carriedforward from 5e4d2b2
theme 64.54% <ø> (ø)
translations 8.49% <ø> (ø) Carriedforward from 5e4d2b2
x2a 82.09% <ø> (ø) Carriedforward from 5e4d2b2

*This pull request uses carry forward flags. Click here to find out more.


Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5e4d2b2...fbddd47. Read the comment docs.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant