@kcjpop/x-browser-compat/bcd/css/selectors/hover/all_elements/index.json

A Web Component to display browser compatibility data

{"description":"All elements support","source_file":"css/selectors/hover.json","status":{"deprecated":false,"experimental":false,"standard_track":false},"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"notes":"In Edge, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the <code>:hover</code> state until the pointer is moved. See <a href='https://developer.microsoft.com/microsoft-edge/platform/issues/5381673/'>bug 5381673</a>.","version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"notes":["In Internet Explorer 8 to Internet Explorer 11, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the <code>:hover</code> state until the pointer is moved. See <a href='https://connect.microsoft.com/IE/feedbackdetail/view/926665'>bug 926665</a>.","In Internet Explorer 9 (and possibly earlier), if a <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>&lt;table&gt;</code></a> has a parent with a non-<code>auto</code> <a href='https://developer.mozilla.org/docs/Web/CSS/width'><code>width</code></a>, <a href='https://developer.mozilla.org/docs/Web/CSS/overflow-x'><code>overflow-x</code></a><code>: auto;</code>, the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>&lt;table&gt;</code></a> has enough content to horizontally overflow its parent, and there are <a href='https://developer.mozilla.org/docs/Web/CSS/:hover'><code>:hover</code></a> styles set on elements within the table, then hovering over said elements will cause the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>&lt;table&gt;</code></a>'s height to increase. See <a href='https://output.jsbin.com/diwiqe'>a live demo that triggers the bug</a>. One workaround for the bug is to set <code>min-height: 0%;</code> (the <code>%</code> unit must be specified, since unitless and <code>px</code> don't work) on the <code>&lt;table&gt;</code>'s parent element."],"version_added":"7"},"oculus":{"version_added":"5.0"},"opera":{"version_added":"7"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"2"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}}}