[Bug]: Unable to select text inside inputs when a toast is open #550
Comments
|
Why is it a normal behavior? Think about a call center app, which shows the caller details in a toast, which always affects the entire page. |
|
@felixmosh fair point. It seems like a regression to me as you were not able to reproduce the issue with v6.1 . I'll look at it asap. |
|
Thanx 🙏🏼 |
|
@felixmosh, is it the expected behavior? Screen.Recording.2020-12-20.at.10.31.04.PM.mov |
|
It can be fixed with usage of css user-select: none. |
|
Seeing the tag "Merged in next", does this mean that this is fixed in the next release? |
|
Indeed. The PR is open I'm almost done. |
|
@fkhadra : THANK YOU! This bug came up via QA for our product, and would be great for it to be resolved before we go live. Thank you for such an awesome library. |
## 💥 Breaking changes - dependency to react-transition-group has been removed #514 - the `duration` parameter has been removed from `cssTransition`. Css animations just works now out of the box. Check the codesanbox below - the border-radius has been increased a bit ## 🚀 Features - Css animation just works! [](https://codesandbox.io/s/react-toastify-animatecss-jxrx9?fontsize=14&hidenavigation=1&theme=dark&view=preview) - add a way to load the CSS without a CSS loader [](https://codesandbox.io/s/react-toastify-inject-style-qfg0l?fontsize=14&hidenavigation=1&theme=dark) - specify swipe direction, close #512 . Thanks to @denydavy [](https://codesandbox.io/s/react-toastify-drag-y-lh88i?fontsize=14&hidenavigation=1&theme=dark) - bundle size reduced from ~7k to ~5k! - remove the dependency on prop-types. ## 🐛 Bugfix - fix #541 apply pauseOnFocusLoss on first render - fix #538 react-dom should be a peer dep - fix #530 change id generation - fix #534 #483 toastId cannot be reused - fix #511 by removing react-transition-group - fix #550 Unable to select text inside inputs when a toast is open - fix #555 The toast timer starts after you click on the toast
|
I am experiencing this issue currently as of react-toastify: ^6.2.0. Is there a planned date or quarter when this bugfix will go live? Thanks! |
](https://codesandbox.io/s/react-toastify-animatecss-jxrx9?fontsize=14&hidenavigation=1&theme=dark&view=preview){kind=link}
](https://codesandbox.io/s/react-toastify-inject-style-qfg0l?fontsize=14&hidenavigation=1&theme=dark){kind=link}
](https://codesandbox.io/s/react-toastify-drag-y-lh88i?fontsize=14&hidenavigation=1&theme=dark){kind=link}
What is the current behavior?
When the toast is open &
draggable={true}it is not possible to select the text inside inputs with mouse drag.Screen.Recording.2020-12-20.at.11.34.42.mov
Steps to reproduce:
What is the expected behavior?
It should not prevent mouse drag outside of the toast it self.
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
React v17
react-toastify v6.2.0 (it is not reproduces in react-toastify 6.1.0)
The text was updated successfully, but these errors were encountered: