Hover pseudo class does not work when display is set to table

Issue #18968354 • Assigned to wptlaytri

Details

Author
Apar M.
Created
Sep 12, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 150px;
width: 102px;
border: 1px solid black;
display: table;
}
div:hover::before {
content: "some text";
}
</style>
</head>
<body>
<div></div>
</body>
</html>

On hover, nothing shows. However, on clicking inside the div, the content shows up and sticks there.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “wptlaytri”

    • Could you look into this? Thanks!

    You need to sign in to your Microsoft account to add a comment.

    Sign in