| Summary: | [testcase] :hover breaks inside div with overflow:auto | ||
|---|---|---|---|
| Product: | [Applications] konqueror | Reporter: | Dan Leinir Turthra Jensen <leinir> |
| Component: | khtml renderer | Assignee: | Konqueror Bugs <konqueror-bugs-null> |
| Status: | RESOLVED UNMAINTAINED | ||
| Severity: | normal | CC: | grundleborg, samuel.brack |
| Priority: | NOR | ||
| Version First Reported In: | 4.5.4 | ||
| Target Milestone: | --- | ||
| Platform: | unspecified | ||
| OS: | Linux | ||
| Latest Commit: | Version Fixed/Implemented In: | ||
| Sentry Crash Report: | |||
| Attachments: | Testcase in a html file | ||
Created attachment 9923 [details]
Testcase in a html file
Still affects KDE 3.5.5 Seems to have more to do with repaints than with :hover. Still present in 4.0.3. Updatin to 4.5.4, since the bug seems still not to be fixed. Thank you for the bug report. As this report hasn't seen any changes in 10 years or more, we ask if you can please confirm that the issue still persists. If this bug is no longer persisting or relevant please change the status to resolved. Dear user, KHTML (and KJS) was a long time more or less unmaintained and got removed in KF6. Please migrate to use a QWebEngine based HTML component. We will do no further fixes or improvements to the KF5 branches of these components beside important security fixes. For security issues, please see: https://kde.org/info/security/ Sorry that we did not fix this issue during the life-time of KHTML. Greetings Christoph Cullmann |
Version: 3.4.0 (using KDE 3.4.0, compiled sources) Compiler: gcc version 3.4.1 (Mandrakelinux 10.1 3.4.1-4mdk) OS: Linux (i686) release 2.6.8.1-24mdk The :hover effect (in this case a grey background) is not updated correctly. If you cover the affected area with another window, hover over a link and move over the other window and move that window out of the way, the effect is now applied (thanks to dfaure for noticing that one :) ). <html> <head> <title>Testcase - CSS hover inside layers</title> <style> body { background-color: #e0e0FF; color: black; } #layer { position: absolute; top: 0px; left: 0px; height: 200px; width: 500px; overflow: auto; } span:hover { background-color: gray; } </style> </head> <body> <div id="layer"> Scroll down and the hover effect no longer works.<br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> <span>Test test test</span><br /> </div> </body> </html>