| <!DOCTYPE html> |
| <!-- |
| Test for: https://bugs.webkit.org/show_bug.cgi?id=80382 |
| (Selection Background Color Error) |
| |
| This bug is caused when the selection background is inverted if it |
| is the same as the text color. However, it should compare against |
| the selected text color instead of the non-selected text color. |
| |
| The alpha component must be non-opaque for the bug to get triggered. |
| This is because when the selection background is opaque, it will be |
| blended with white, which prevents the inversion. |
| --> |
| <html> |
| <head> |
| <style> |
| #A { |
| color: rgba(0,0,0,0.85); |
| } |
| #A::selection { |
| background: rgba(0,0,0,0.85); |
| color: white; |
| } |
| |
| #B { |
| color: rgba(0,255,0,0.85); |
| } |
| #B::selection { |
| background: rgba(0,255,0,0.85); |
| color: blue; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="A">Test passes if the selection background is black</div> |
| <div id="B">Test passes if the selection background is green</div> |
| </body> |
| <script> |
| var body = document.getElementsByTagName("body")[0]; |
| window.getSelection().selectAllChildren(body); |
| </script> |
| </html> |
