- s/prepublish/prepublishOnly
- Fix Displaced component crash
- Remove
react-displace
package from dependencies - Update
focus-trap-react
package tov10.1.4
- Add support for React 18
- Update peer dependencies for React 17 (#127)
- Changed cursor in dialogStyle to
auto
(#124) - Improve Documentation (#104)
- Move
componentWillMount
content toconstructor
to avoid deprecation message. - Update
@babel/preset-env
tov7.15.0
to removebrowserslist
update message. - Update
focus-trap-react
package tov8.1.0
.
- Update focus-trap (via focus-trap-react), which now includes better handling for nested focus traps (including nested modals).
- Fix bug causing underlay click not to exit when clicked if
scrollDisabled
is set tofalse
. - Allow
escapeExits
prop to be toggled while the component is mounted (i.e. without unmounting & remounting).
onExit
now receives the event that triggered it as its only argument, should you need to stop the event's propagation or treat it differently.
- Fix bug causing click on the scrollbar (visible because the modal vertically overflows the viewport) to close the modal.
- Update focus-trap (via focus-trap-react), which includes a couple of behavior changes. Probably this should not change behavior for your use case. The key change is that focus management has been adjusted so that you can include tricky focusable elements like radio groups, iframes, and shadow DOM components within your modal — as long as the first and last focusable elements in the modal can still be detected by Tabbable.
- An effect of this change is that positive tabindexes within the modal might no longer work as expected. You should avoid positive tabindexes.
- Use
onMouseDown
instead ofonClick
to detect a tap on the underlay, which by default closes the modal. This fixes a bug where the modal would close if you click inside it then drag outside before releasing the mouse key.
- Fix bug causing Escape to break the focus trap, without closing the modal, when you use
escapeExits={false}
.
- Fix bug that was blocking changes to the
scrollDisabled
prop while the modal is open.
- Add
focusTrapOptions
prop to pass options to the focus trap.
- Update
focus-trap-react
andreact-displace
to allow React 16 installation.
- Add
scrollDisabled
prop (defaulttrue
), for edge cases when the document's scroll should not be disabled.
- Add support for React 16.
- Add
underlayProps
prop to pass additional attributes to the underlay container.
- [Non-breaking change]
onExit
is now optional. If omitted, clicking outside the modal or hitting escape will not attempt to callonExit
.
- [Fix]
focusDialog
will work even if you provide a non-defaultdialogId
.
- [Fix] Prevent
props.onExit
from being called twice when modal includes exit buttons.
- Add
focusTrapPaused
prop. - Fix
renderTo
displacement when rendering to a specified element. - Resolve React 15.6.1 warnings.
- Add
includeDefaultStyles
prop. - Add
dialogStyle
props.
- Fix
main
path inpackage.json
.
- Introduce
dist/react-aria-modal.js
, wheresrc/
now compiles to, since React 15.5+ demandsclass
es, so Babel-compilation. Which is actually a huge overhaul, though in semver it's just a patch.
- Add
renderTo
static method. - Add
underlayStyle
prop.
- Add
getApplicationNode
prop. - Upgrade
no-scroll
andfocus-trap-react
dependencies.
- Allow React 15 as peer dependency.
- Upgrade
focus-trap-react
to addescapeExits
prop.
- Add forsaken
bind()
.
- Move
react
topeerDependencies
; removereact-dom
as dependency.
- Fix
this
bug.
- Add
applicationNode
prop.
- Allow React element
context
to be passed to modal contents (via upgrade ofreact-displace
).
- Upgrade
react-displace
.
- Change vertical centering method to avoid occasional blurriness caused by translate.
- Upgrade to react 0.14 and its companion react-dom.
- Upgrade react-displace and focus-trap-react to their React 0.14 versions.
- Add
dialogId
anddialogClass
props.
- Add
max-width: 100%
to dialog element.
- Move
noScroll.off()
tocomponentWillUnmount()
.
focusDialog
does not put dialog in tab order.- Fix typo in error message.
- Upgrade
no-scroll
.
- Add
onEnter
prop. - Change
active
prop tomounted
. - Use
react-displace
.
- Fix
cursor: pointer;
bug.
- Initial release.