4408581ee0
Currently the `<select>` dropdown IPC uses the option value attr to find which option is selected. This won't work when options don't have values or when multiple options have the same value. Also the `SelectItem` contained so weird recursive structures that are impossible to create with HTML. So I refactored `SelectItem` as a variant, and gave the options a unique id. The id is send back to `HTMLSelectElement` so it can find out exactly which option element is selected.
106 lines
3.5 KiB
C++
106 lines
3.5 KiB
C++
/*
|
|
* Copyright (c) 2020, the SerenityOS developers.
|
|
* Copyright (c) 2021-2022, Andreas Kling <kling@serenityos.org>
|
|
* Copyright (c) 2022, Luke Wilde <lukew@serenityos.org>
|
|
* Copyright (c) 2023, Bastiaan van der Plaat <bastiaan.v.d.plaat@gmail.com>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <LibWeb/HTML/FormAssociatedElement.h>
|
|
#include <LibWeb/HTML/HTMLElement.h>
|
|
#include <LibWeb/HTML/HTMLOptionsCollection.h>
|
|
#include <LibWeb/HTML/SelectItem.h>
|
|
|
|
namespace Web::HTML {
|
|
|
|
class HTMLSelectElement final
|
|
: public HTMLElement
|
|
, public FormAssociatedElement {
|
|
WEB_PLATFORM_OBJECT(HTMLSelectElement, HTMLElement);
|
|
JS_DECLARE_ALLOCATOR(HTMLSelectElement);
|
|
FORM_ASSOCIATED_ELEMENT(HTMLElement, HTMLSelectElement)
|
|
|
|
public:
|
|
virtual ~HTMLSelectElement() override;
|
|
|
|
virtual void adjust_computed_style(CSS::StyleProperties&) override;
|
|
|
|
JS::GCPtr<HTMLOptionsCollection> const& options();
|
|
|
|
size_t length();
|
|
DOM::Element* item(size_t index);
|
|
DOM::Element* named_item(FlyString const& name);
|
|
WebIDL::ExceptionOr<void> add(HTMLOptionOrOptGroupElement element, Optional<HTMLElementOrElementIndex> before = {});
|
|
|
|
int selected_index() const;
|
|
void set_selected_index(int);
|
|
|
|
virtual String value() const override;
|
|
WebIDL::ExceptionOr<void> set_value(String const&);
|
|
|
|
bool is_open() const { return m_is_open; }
|
|
void set_is_open(bool);
|
|
|
|
Vector<JS::Handle<HTMLOptionElement>> list_of_options() const;
|
|
|
|
// ^EventTarget
|
|
// https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute:the-select-element
|
|
virtual bool is_focusable() const override { return true; }
|
|
|
|
// ^FormAssociatedElement
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-listed
|
|
virtual bool is_listed() const override { return true; }
|
|
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-submit
|
|
virtual bool is_submittable() const override { return true; }
|
|
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-reset
|
|
virtual bool is_resettable() const override { return true; }
|
|
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-autocapitalize
|
|
virtual bool is_auto_capitalize_inheriting() const override { return true; }
|
|
|
|
// ^HTMLElement
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-label
|
|
virtual bool is_labelable() const override { return true; }
|
|
|
|
virtual void reset_algorithm() override;
|
|
|
|
String const& type() const;
|
|
|
|
virtual Optional<ARIA::Role> default_role() const override;
|
|
|
|
virtual bool has_activation_behavior() const override;
|
|
virtual void activation_behavior(DOM::Event const&) override;
|
|
|
|
virtual void form_associated_element_was_inserted() override;
|
|
virtual void form_associated_element_was_removed(DOM::Node*) override;
|
|
|
|
void did_select_item(Optional<u32> const& id);
|
|
|
|
private:
|
|
HTMLSelectElement(DOM::Document&, DOM::QualifiedName);
|
|
|
|
virtual void initialize(JS::Realm&) override;
|
|
virtual void visit_edges(Cell::Visitor&) override;
|
|
|
|
// ^DOM::Element
|
|
virtual i32 default_tab_index_value() const override;
|
|
|
|
virtual void computed_css_values_changed() override;
|
|
|
|
void create_shadow_tree_if_needed();
|
|
void update_inner_text_element();
|
|
void queue_input_and_change_events();
|
|
|
|
JS::GCPtr<HTMLOptionsCollection> m_options;
|
|
bool m_is_open { false };
|
|
Vector<SelectItem> m_select_items;
|
|
JS::GCPtr<DOM::Element> m_inner_text_element;
|
|
JS::GCPtr<DOM::Element> m_chevron_icon_element;
|
|
};
|
|
|
|
}
|