Comments (6)
+1
Here is reproduce:
https://codesandbox.io/s/condescending-buck-0ygl1?file=/src/App.tsx
If you upgrade the rc-notification package version, you will see notification not closing automatically.
I downgrade the package version to 4.4.0 and solved for me
from notification.
Same problem here, even the simplest Demo from https://notification-react-component.vercel.app/demo/hooks doesn't work for me - notifications don't disappear. Using React 17.0.2 + rs-notifications 4.5.7.
from notification.
+1, seems like introduced on 01c43b0 @zombieJ
from notification.
@afc163 Is this project still alive? Pin the rc-notification
causes a duplicate packages issue since [email protected] -> [email protected] -> [email protected]
and the other rc-xxx dependents [email protected]
from notification.
same issue i cannot close the button using Close Button
from notification.
I found that after using removeNotice(key), the *-fade-leave class will be added to the corresponding div, and you can use *-fade-leave to control the display/hide of the notification content through css, which can solve the problem.
We need to understand that the removeNotice method does not remove the notification html from the dom tree.
from notification.
Related Issues (20)
- closable 和 closeIcon 是不是没有用啊. 为什么我 传什么都是没有效果 HOT 1
- 建议:使用 useImperativeHandle hook 代替 ref callback HOT 2
- 删除updateKey后,引发的问题
- 建议允许传入ClassName HOT 1
- [Bug] simple demo-updatable
- Why it does't come to center? If there miss something? HOT 1
- 希望增加 props 可控 onMouseEnter onMouseLeave。
- CloseIcion not working
- How to use it with React 18 without warning HOT 1
- Not working with react 18 HOT 3
- Accessibility: making notifications visible to screen readers?
- Please update README for the hook verison notification. HOT 1
- [v4.6.0] It seems that you should use `??` Instead of `| |` HOT 9
- Unable to close notification using the Enter key
- rc-notification v5 has no "export default", readme need to update HOT 1
- 谷歌标签页休眠导致maxCount属性失效
- 项目里如何只在一处地方添加`contextHolder`
- Fix the style conflict in notice-wrapper and notice HOT 1
- Notification.newInstance 的方法是在源码的哪里定义的 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from notification.