Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Mouse Wheel Focus on Error Notification

Burke Ingraffia
5 years ago Mar 01, 2017 10:41pm

In some of my application's error notifications there is a list so long that a user has to scroll vertically. 

The problem is that the only way to scroll is to use the mouse on the vertical slider, which is not accessible for disabled users.  If I view Chrome Developer Tools >> Event Listeners >> Mousewheel >> Toggle Passive, then the scrollwheel works.  

Does anyone know how make the scroll wheel active by default in Notification pop-ups?

Thanks in advance!

 

+1
A.Mahdy AbdelAziz
5 years ago Mar 03, 2017 12:04am

Hi,

What is the component you are using for popup? Or is it `Notification`?
A code snippet with reproductin steps would help.

I'm unable to reproduce this with a Mac, also what kind of device you are using/browser/operating system?

Tatu Lund
5 years ago Mar 03, 2017 7:59am

The default type in Notification is Warning, and notifications under that type disappear when there is Mousewheel activty. The easy solution your problem is to use another Notification.Type.

https://vaadin.com/api/8.0.0/com/vaadin/ui/Notification.html