RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-20 14:45:07 +00:00
Code Issues Activity Actions

LibHTML: Implement basic :hover pseudo-class support

Browse source 
This is currently very aggressive. Whenever the Document's hovered node
changes, we invalidate all style and do a full relayout.

It does look cool though. So cool that I'm adding it to the default
stylesheet. :^)
This commit is contained in:
Andreas Kling 2019-10-14 17:54:17 +02:00
parent 605a225b53
commit 61ef17b87a
6 changed files with 52 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Libraries/LibHTML/CSS/SelectorEngine.cpp
View file

@ -1,10 +1,33 @@
#include <LibHTML/CSS/SelectorEngine.h>
#include <LibHTML/DOM/Document.h>
#include <LibHTML/DOM/Element.h>
namespace SelectorEngine {
static bool matches_hover_pseudo_class(const Element& element)
{
auto* hovered_node = element.document().hovered_node();
if (!hovered_node)
return false;
if (&element == hovered_node)
return true;
return element.is_ancestor_of(*hovered_node);
}
bool matches(const Selector::Component& component, const Element& element)
{
switch (component.pseudo_class) {
case Selector::Component::PseudoClass::None:
break;
case Selector::Component::PseudoClass::Link:
ASSERT_NOT_REACHED();
break;
case Selector::Component::PseudoClass::Hover:
if (!matches_hover_pseudo_class(element))
return false;
break;
}
switch (component.type) {
case Selector::Component::Type::Id:
return component.value == element.attribute("id");