Feat/tailwindcss support selector has

bridge/bindings/qjs/binding_initializer.cc

@@ -77,6 +77,7 @@
 #include "qjs_html_iframe_element.h"
 #include "qjs_html_image_element.h"
 #include "qjs_html_input_element.h"
+#include "qjs_html_optgroup_element.h"
 #include "qjs_html_option_element.h"
 #include "qjs_html_select_element.h"
 #include "qjs_html_italic_element.h"
@@ -221,6 +222,7 @@ void InstallBindings(ExecutingContext* context) {
   QJSHTMLImageElement::Install(context);
   QJSHTMLInputElement::Install(context);
   QJSHTMLSelectElement::Install(context);
+  QJSHTMLOptgroupElement::Install(context);
   QJSHTMLOptionElement::Install(context);
   QJSHTMLParagraphElement::Install(context);
   QJSHTMLStyleElement::Install(context);

bridge/bindings/qjs/wrapper_type_info.h

@@ -145,6 +145,7 @@ enum {
   JS_CLASS_HTML_DEL_ELEMENT,
   JS_CLASS_HTML_INS_ELEMENT,
   JS_CLASS_HTML_SELECT_ELEMENT,
+  JS_CLASS_HTML_OPTGROUP_ELEMENT,
   JS_CLASS_HTML_OPTION_ELEMENT,
   JS_CLASS_HTML_TITLE_ELEMENT,
   JS_CLASS_HTML_META_ELEMENT,

bridge/bridge_sources.json5

@@ -544,6 +544,7 @@
     "core/html/forms/html_button_element.cc",
     "core/html/forms/html_input_element.cc",
     "core/html/forms/html_select_element.cc",
+    "core/html/forms/html_optgroup_element.cc",
     "core/html/forms/html_option_element.cc",
     "core/html/forms/html_form_element.cc",
     "core/html/forms/html_textarea_element.cc",
@@ -775,6 +776,7 @@
     "code_gen/qjs_html_button_element.cc",
     "code_gen/qjs_html_input_element.cc",
     "code_gen/qjs_html_select_element.cc",
+    "code_gen/qjs_html_optgroup_element.cc",
     "code_gen/qjs_html_option_element.cc",
     "code_gen/qjs_html_form_element.cc",
     "code_gen/qjs_html_textarea_element.cc",

bridge/core/binding_object.cc

@@ -8,11 +8,15 @@
  */
 
 #include "binding_object.h"
+#include "core/css/style_change_reason.h"
+#include "core/css/style_recalc_change.h"
+#include "core/dom/qualified_name.h"
 #include "binding_call_methods.h"
 #include "bindings/qjs/exception_state.h"
 #include "bindings/qjs/script_promise_resolver.h"
 #include "core/dom/container_node.h"
 #include "core/dom/document.h"
+#include "core/dom/element.h"
 #include "core/dom/events/event_target.h"
 #include "core/dom/mutation_observer_interest_group.h"
 #include "core/executing_context.h"
@@ -302,6 +306,46 @@ void BindingObject::SetBindingPropertyAsync(const webf::AtomicString& prop,
     canvas_context->requestPaint();
   }
 
+  if (auto element = const_cast<WidgetElement*>(DynamicTo<WidgetElement>(this))) {
+    AtomicString old_value = element->attributes()->getAttribute(prop, exception_state);
+    AtomicString new_value = AtomicString::Null();
+
+    static const AtomicString kChecked = AtomicString::CreateFromUTF8("checked");
+    static const AtomicString kSelected = AtomicString::CreateFromUTF8("selected");
+    static const AtomicString kDisabled = AtomicString::CreateFromUTF8("disabled");
+    static const AtomicString kRequired = AtomicString::CreateFromUTF8("required");
+
+    const bool is_boolean = value.tag == NativeTag::TAG_BOOL;
+    const bool is_boolean_attribute =
+        prop == kChecked || prop == kSelected || prop == kDisabled || prop == kRequired;
+
+    if (is_boolean && is_boolean_attribute && value.u.int64 == 0) {
+      element->attributes()->removeAttribute(prop, exception_state, true);
+      new_value = AtomicString::Null();
+    } else {
+      if (value.tag == NativeTag::TAG_STRING) {
+        new_value = NativeValueConverter<NativeTypeString>::FromNativeValueShared(ctx(), value);
+      } else if (is_boolean && is_boolean_attribute) {
+        new_value = prop;
+      } else {
+        ScriptValue script_value = ScriptValue(ctx(), value);
+        new_value = script_value.ToAtomicString(ctx());
+      }
+      element->attributes()->setAttribute(prop, new_value, exception_state, true);
+    }
+
+    element->AttributeChanged(Element::AttributeModificationParams(
+        prop, old_value, new_value, Element::AttributeModificationReason::kDirectly));
+
+    if (is_boolean_attribute && GetExecutingContext()->isBlinkEnabled()) {
+      if (Element* root = element->GetDocument().documentElement()) {
+        root->SetNeedsStyleRecalc(kSubtreeStyleChange,
+                                  StyleChangeReasonForTracing::FromAttribute(QualifiedName(prop)));
+      }
+      element->GetDocument().UpdateStyleForThisDocument();
+    }
+  }
+
   std::unique_ptr<SharedNativeString> args_01 = prop.ToNativeString();
 
   auto* args_02 = (NativeValue*)dart_malloc(sizeof(NativeValue));
@@ -402,13 +446,43 @@ NativeValue BindingObject::SetBindingProperty(const AtomicString& prop,
           MutationRecord::CreateAttributes(element, prop, AtomicString::Null(), old_value));
     }
 
-    // Sync property to attributes
-    if (value.tag == NativeTag::TAG_STRING) {
-      element->attributes()->setAttribute(
-          prop, NativeValueConverter<NativeTypeString>::FromNativeValueShared(ctx(), value), exception_state, true);
+    AtomicString old_value = element->attributes()->getAttribute(prop, exception_state);
+    AtomicString new_value = AtomicString::Null();
+
+    static const AtomicString kChecked = AtomicString::CreateFromUTF8("checked");
+    static const AtomicString kSelected = AtomicString::CreateFromUTF8("selected");
+    static const AtomicString kDisabled = AtomicString::CreateFromUTF8("disabled");
+    static const AtomicString kRequired = AtomicString::CreateFromUTF8("required");
+
+    const bool is_boolean = value.tag == NativeTag::TAG_BOOL;
+    const bool is_boolean_attribute =
+        prop == kChecked || prop == kSelected || prop == kDisabled || prop == kRequired;
+
+    // Sync property to attributes for selector matching without emitting UI commands.
+    if (is_boolean && is_boolean_attribute && value.u.int64 == 0) {
+      element->attributes()->removeAttribute(prop, exception_state, true);
+      new_value = AtomicString::Null();
     } else {
-      ScriptValue script_value = ScriptValue(ctx(), value);
-      element->attributes()->setAttribute(prop, script_value.ToAtomicString(ctx()), exception_state, true);
+      if (value.tag == NativeTag::TAG_STRING) {
+        new_value = NativeValueConverter<NativeTypeString>::FromNativeValueShared(ctx(), value);
+      } else if (is_boolean && is_boolean_attribute) {
+        new_value = prop;
+      } else {
+        ScriptValue script_value = ScriptValue(ctx(), value);
+        new_value = script_value.ToAtomicString(ctx());
+      }
+      element->attributes()->setAttribute(prop, new_value, exception_state, true);
+    }
+
+    element->AttributeChanged(Element::AttributeModificationParams(
+        prop, old_value, new_value, Element::AttributeModificationReason::kDirectly));
+
+    if (is_boolean_attribute && GetExecutingContext()->isBlinkEnabled()) {
+      if (Element* root = element->GetDocument().documentElement()) {
+        root->SetNeedsStyleRecalc(kSubtreeStyleChange,
+                                  StyleChangeReasonForTracing::FromAttribute(QualifiedName(prop)));
+      }
+      element->GetDocument().UpdateStyleForThisDocument();
     }
   }