Skip to content

[fixed] Don't set aria-modal attribute when running on apple's Webkit.#615

Open
leonascimento wants to merge 1 commit intoreactjs:masterfrom
leonascimento:fix/voice-over-fails
Open

[fixed] Don't set aria-modal attribute when running on apple's Webkit.#615
leonascimento wants to merge 1 commit intoreactjs:masterfrom
leonascimento:fix/voice-over-fails

Conversation

@leonascimento
Copy link
Copy Markdown

@leonascimento leonascimento commented Feb 20, 2018

Fixes #611.

-This merge request should prevent that the VoiceOver fails.

Changes proposed:
-Define false to aria-modal when is webkit.

Upgrade Path:

-Change the value when is webkit.

-isSafariDesktop transforming this function in a helper function to use on others places.

Acceptance Checklist:

  • All commits have been squashed to one.
  • The commit message follows the guidelines in CONTRIBUTING.md.
  • Documentation (README.md) and examples have been updated as needed.
  • If this is a code change, a spec testing the functionality has been added.
  • If the commit message has [changed] or [removed], there is an upgrade path above.

@coveralls
Copy link
Copy Markdown

Coverage Status

Coverage increased (+0.5%) to 90.073% when pulling 287e79f on leonascimento:fix/voice-over-fails into 241b8a6 on reactjs:master.

Comment thread src/components/ModalPortal.js Outdated
const { className, overlayClassName, defaultStyles } = this.props;
const contentStyles = className ? {} : defaultStyles.content;
const overlayStyles = overlayClassName ? {} : defaultStyles.overlay;
const ariaModal = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Please verify for "Mac OS" too, issue appear though all apple devices that use VoiceOver screen reader

@diasbruno diasbruno changed the title Defining aria-modal like false when's is webkit Don't set aria-modal attribute when running on apple's Webkit. Feb 20, 2018
@leonascimento leonascimento force-pushed the fix/voice-over-fails branch 6 times, most recently from 839e96e to 184522f Compare February 22, 2018 03:12
@leonascimento
Copy link
Copy Markdown
Author

leonascimento commented Feb 23, 2018

@diasbruno @MaksimKniazeu I did an update on this pull request. Can you make the code review?

@markerikson
Copy link
Copy Markdown

Uh... I don't maintain this library.

@leonascimento
Copy link
Copy Markdown
Author

@markerikson sorry man, I wrote wrong.

@diasbruno diasbruno changed the title Don't set aria-modal attribute when running on apple's Webkit. [fixed] Don't set aria-modal attribute when running on apple's Webkit. Jul 4, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants