necolas/react-native-web
### [`v0.14.2`](https://togithub.com/necolas/react-native-web/compare/0.14.1...0.14.2)
[Compare Source](https://togithub.com/necolas/react-native-web/compare/0.14.1...0.14.2)
### [`v0.14.1`](https://togithub.com/necolas/react-native-web/compare/0.14.0...0.14.1)
[Compare Source](https://togithub.com/necolas/react-native-web/compare/0.14.0...0.14.1)
### [`v0.14.0`](https://togithub.com/necolas/react-native-web/releases/0.14.0)
[Compare Source](https://togithub.com/necolas/react-native-web/compare/0.13.18...0.14.0)
This is a relatively small release that introduces a couple of new features and makes a change to the default `flexBasis` value of `View`. There are no breaking API changes and it should be straight-forward to upgrade from 0.13. Thank you to Twitter Engineering and everyone else who tested and helped to improve the 0.14 release.
#### Breaking changes
##### Default flex-basis value of Views
React Native has an implementation of flexbox that does not quite follow the W3C spec for flexbox. Previously, React Native for Web attempted to replicate the React Native rendering by setting `flexBasis` to `0%`. However, this created its own problems where views could collapse down to `0px` in height on the web. This patch sets the default `flexBasis` back to `auto`. This will occasionally cause different rendering inconsistencies with React Native, which can be addressed by making changes small to existing React Native styles to set the `flexBasis` back to `0%` or the desired percentage. And ultimately, Yoga 2 intends to correct its flexbox implementation and this will make its way into React Native eventually.
Fix [#1640](https://togithub.com/necolas/react-native-web/issues/1640), [#1604](https://togithub.com/necolas/react-native-web/issues/1604), [#1264](https://togithub.com/necolas/react-native-web/issues/1264)
#### New features
##### Modal implementation
A `Modal` implementation using CSS animations and ARIA, courtesy of [@imnotjames](https://togithub.com/imnotjames). When the modal is open the rest of the app is hidden from screen readers via `aria-modal`. Focus is contained within the modal. When the Escape key is pressed, the `onRequestClose` function is called on the top-most modal.
Fix [#1020](https://togithub.com/necolas/react-native-web/issues/1020)
##### Pressable support for hover state
The `Pressable` component state now includes `hover`, which scoped is scoped to a `Pressable` instance and does not bubble to ancestor Pressables. This behavior aligns with the behavior of the focus and press states.
```js
{}
}
style={
({ pressed, hovered, focused }) => {}
}
/>
```
Fix [#1708](https://togithub.com/necolas/react-native-web/issues/1708)
Renovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box
This PR contains the following updates:
~0.13.12
->~0.14.0
Release Notes
necolas/react-native-web
### [`v0.14.2`](https://togithub.com/necolas/react-native-web/compare/0.14.1...0.14.2) [Compare Source](https://togithub.com/necolas/react-native-web/compare/0.14.1...0.14.2) ### [`v0.14.1`](https://togithub.com/necolas/react-native-web/compare/0.14.0...0.14.1) [Compare Source](https://togithub.com/necolas/react-native-web/compare/0.14.0...0.14.1) ### [`v0.14.0`](https://togithub.com/necolas/react-native-web/releases/0.14.0) [Compare Source](https://togithub.com/necolas/react-native-web/compare/0.13.18...0.14.0) This is a relatively small release that introduces a couple of new features and makes a change to the default `flexBasis` value of `View`. There are no breaking API changes and it should be straight-forward to upgrade from 0.13. Thank you to Twitter Engineering and everyone else who tested and helped to improve the 0.14 release. #### Breaking changes ##### Default flex-basis value of Views React Native has an implementation of flexbox that does not quite follow the W3C spec for flexbox. Previously, React Native for Web attempted to replicate the React Native rendering by setting `flexBasis` to `0%`. However, this created its own problems where views could collapse down to `0px` in height on the web. This patch sets the default `flexBasis` back to `auto`. This will occasionally cause different rendering inconsistencies with React Native, which can be addressed by making changes small to existing React Native styles to set the `flexBasis` back to `0%` or the desired percentage. And ultimately, Yoga 2 intends to correct its flexbox implementation and this will make its way into React Native eventually. Fix [#1640](https://togithub.com/necolas/react-native-web/issues/1640), [#1604](https://togithub.com/necolas/react-native-web/issues/1604), [#1264](https://togithub.com/necolas/react-native-web/issues/1264) #### New features ##### Modal implementation A `Modal` implementation using CSS animations and ARIA, courtesy of [@imnotjames](https://togithub.com/imnotjames). When the modal is open the rest of the app is hidden from screen readers via `aria-modal`. Focus is contained within the modal. When the Escape key is pressed, the `onRequestClose` function is called on the top-most modal. Fix [#1020](https://togithub.com/necolas/react-native-web/issues/1020) ##### Pressable support for hover state The `Pressable` component state now includes `hover`, which scoped is scoped to a `Pressable` instance and does not bubble to ancestor Pressables. This behavior aligns with the behavior of the focus and press states. ```jsRenovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.