aria-hidden is hard-coded to true in Modal

Topic: aria-hidden is hard-coded to true in Modal

finleysg asked 2 years ago

We are using 4.27 and still see this bug: https://github.com/mdbootstrap/mdb4-react-ui-kit/blob/main/src/components/Modal/Modal.js

It doesn't appear that the aria attribute below is managed. Is there a fix or workaround for those of us still on bootstrap 4?

const modalAttributes = returnAttributes({
  style: {
    display: 'block',
    position: removeBackdropConditions && 'fixed',
    width: removeBackdropConditions && 0
  },
  id,
  tabIndex,
  role,
  'aria-hidden': 'true',
  ...attributes
});

Krzysztof Wilk staff commented 2 years ago

Hi!

I think the only workaround for that is to select it via ref or query selector and update after the render. I added this task to our board.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue

User: Free
Premium support: No
Technology: MDB React
MDB Version: MDB4 4.27.0
Device: All
Browser: All
OS: All
Provided sample code: No
Provided link: Yes

Related topics

1: NullInjectorError: No provider for MDBModalService!

0: Can't update values inside Modal via JavaScript?!

0: Clipboard not working in Modalwindow

0: Modal won't open from button on component added to the page through appendChild

0: MDB Select position issue in a scrollable modal

About author

finleysg

0Support score
1Questions 1Answers

0Snippets likes 0Snippets