Skip to content

fix(antd,mui,mantine): notification type rendering & breadcrumb styling & accessibility - #7514

Open
bhumin18 wants to merge 6 commits into
refinedev:mainfrom
bhumin18:fix/notification-type-not-respected
Open

bhumin18 wants to merge 6 commits into
refinedev:mainfrom
bhumin18:fix/notification-type-not-respected

Conversation

@bhumin18

Copy link
Copy Markdown

Summary

This PR fixes 2 open issues and improves accessibility across multiple UI packages.

Bug Fixes

Fixes #7477 — Notification type not respected in @refinedev/antd and @refinedev/mantine

  • antd: Use notification.success()/error() shortcut methods instead of notification.open({type}) which doesn't render type-specific icons/colors
  • mantine: Properly map success → green/✓ and error → red/✕ instead of treating all non-success types as red

Fixes #7462 — MUI Breadcrumb links lose all styling

  • Replaced plain <span> with <MuiLink component="span"> in the Breadcrumb's LinkRouter so sx, underline, color, and variant props are properly processed

Accessibility Improvements

  • Added missing aria-label to icon-only buttons across antd, mui, and mantine packages (WCAG 2.1 SC 4.1.2)

Tests

  • ✅ antd notification provider: 10/10 pass
  • ✅ MUI breadcrumb: 7/7 pass
  • ✅ MUI crud + sider: 87/87 pass
  • ✅ antd undoable notification: 3/3 pass

bhumin18 added 5 commits July 31, 2026 19:02
Fixes refinedev#7477

- antd: Use notification.success()/error() shortcut methods instead of
  notification.open({type}) which doesn't render type-specific icons/colors
- mantine: Properly distinguish success (green/check) vs error (red/x)
  instead of treating all non-success types as error
- Updated antd notification provider tests to verify correct methods are called
Fixes refinedev#7462

The LinkRouter helper was spreading MUI LinkProps (sx, underline, color,
variant) onto a plain <span>, which doesn't understand them. Replaced
with <MuiLink component='span'> so the styling props are properly
processed by MUI's styling system.

This was a regression from commit 5d63ada (v5 migration, refinedev#6945) which
removed the old ActiveLink-based rendering but never re-wired the props
to an actual MUI component.
Icon-only buttons in undoable notifications were missing aria-label
attributes, making them inaccessible to screen readers (WCAG 2.1 SC 4.1.2).

- antd: Added aria-label='undo' to Button in UndoableNotification
- mui: Added aria-label='undo' to IconButton in notificationProvider
- mantine: Added aria-label='undo' to ActionIcon in notificationProvider
…nd sider

Added aria-label attributes to IconButton components that only contain
icons (no text), improving accessibility for screen readers:

- create/edit/show pages: aria-label='go back' on back navigation button
- sider: aria-label='collapse sidebar' on collapse button

These icon-only buttons were previously inaccessible to screen reader
users (WCAG 2.1 SC 4.1.2 - Name, Role, Value).
@changeset-bot

changeset-bot Bot commented Jul 31, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 0c3b3e2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@refinedev/mui Patch
@refinedev/antd Patch
@refinedev/mantine Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@bhumin18

Copy link
Copy Markdown
Author

Hi @refinedev team

Just following up on this PR — it's been ~3 weeks since submission. The PR fixes 2 open issues (#7477 and #7462), all tests pass (107/107), and changesets are ready for 3 packages.

Could a maintainer please approve the workflows so CI can run? Happy to address any feedback!

Thanks

@bhumin18

Copy link
Copy Markdown
Author

@BatuhanW Hi! Branch is updated with latest main and ready. Whenever you have a second, could you approve workflows for CI? Thanks!

@bhumin18
bhumin18 force-pushed the fix/notification-type-not-respected branch 2 times, most recently from 62a11a3 to 0c3b3e2 Compare October 21, 2026 11:58

This branch has not been deployed

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

Labels

None yet

Projects

None yet

1 participant