mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-17 21:49:42 +00:00
Currently, ImageProvider::current_image_bitmap takes a Gfx::IntSize argument which determines the size of the returned bitmap. The default value of this argument is 0x0 which causes the function to return nullptr. This behavior is evidently unintuitive enough that it has lead to incorrect usage in multiple places. For example, the 2D canvas drawImage method will never actually draw anything because it calls current_image_bitmap with no arguments. And the naturalWidth and naturalHeight of an image will always return 0 (even after the image has loaded) for the same reason. To correct this and hopefully avoid similar issues in the future, ImageProvider::current_image_bitmap will be renamed to current_image_bitmap_sized, and the default value for the size argument will be removed. For consistency, a similar change will be made to SVGImageElement::default_image_bitmap. The existing current_image_bitmap function will no longer take a size argument. Instead it will always return a bitmap of the image's intrinsic size. This seems to be what most existing callers had already assumed was the function's behavior.
415 lines
17 KiB
C++
415 lines
17 KiB
C++
/*
|
|
* Copyright (c) 2018-2022, Andreas Kling <andreas@ladybird.org>
|
|
* Copyright (c) 2022, Adam Hodgen <ant1441@gmail.com>
|
|
* Copyright (c) 2023, Bastiaan van der Plaat <bastiaan.v.d.plaat@gmail.com>
|
|
* Copyright (c) 2024, Jelle Raaijmakers <jelle@ladybird.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <LibRegex/Regex.h>
|
|
#include <LibWeb/DOM/DocumentLoadEventDelayer.h>
|
|
#include <LibWeb/DOM/Text.h>
|
|
#include <LibWeb/Export.h>
|
|
#include <LibWeb/FileAPI/FileList.h>
|
|
#include <LibWeb/HTML/AutocompleteElement.h>
|
|
#include <LibWeb/HTML/ColorPickerUpdateState.h>
|
|
#include <LibWeb/HTML/FileFilter.h>
|
|
#include <LibWeb/HTML/FormAssociatedElement.h>
|
|
#include <LibWeb/HTML/HTMLElement.h>
|
|
#include <LibWeb/HTML/PopoverInvokerElement.h>
|
|
#include <LibWeb/Layout/ImageProvider.h>
|
|
#include <LibWeb/WebIDL/DOMException.h>
|
|
#include <LibWeb/WebIDL/Types.h>
|
|
|
|
namespace Web::HTML {
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#attr-input-type
|
|
#define ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTES \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("hidden", Hidden) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("text", Text) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("search", Search) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("tel", Telephone) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("url", URL) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("email", Email) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("password", Password) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("date", Date) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("month", Month) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("week", Week) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("time", Time) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("datetime-local", LocalDateAndTime) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("number", Number) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("range", Range) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("color", Color) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("checkbox", Checkbox) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("radio", RadioButton) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("file", FileUpload) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("submit", SubmitButton) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("image", ImageButton) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("reset", ResetButton) \
|
|
__ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE("button", Button)
|
|
|
|
class WEB_API HTMLInputElement final
|
|
: public HTMLElement
|
|
, public FormAssociatedTextControlElement
|
|
, public Layout::ImageProvider
|
|
, public PopoverInvokerElement
|
|
, public AutocompleteElement {
|
|
WEB_PLATFORM_OBJECT(HTMLInputElement, HTMLElement);
|
|
GC_DECLARE_ALLOCATOR(HTMLInputElement);
|
|
FORM_ASSOCIATED_ELEMENT(HTMLElement, HTMLInputElement);
|
|
AUTOCOMPLETE_ELEMENT(HTMLElement, HTMLInputElement);
|
|
|
|
public:
|
|
virtual ~HTMLInputElement() override;
|
|
|
|
virtual GC::Ptr<Layout::Node> create_layout_node(GC::Ref<CSS::ComputedProperties>) override;
|
|
virtual void adjust_computed_style(CSS::ComputedProperties&) override;
|
|
|
|
enum class TypeAttributeState {
|
|
#define __ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE(_, state) state,
|
|
ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTES
|
|
#undef __ENUMERATE_HTML_INPUT_TYPE_ATTRIBUTE
|
|
};
|
|
|
|
StringView type() const;
|
|
TypeAttributeState type_state() const { return m_type; }
|
|
WebIDL::ExceptionOr<void> set_type(String const&);
|
|
|
|
String default_value() const { return get_attribute_value(HTML::AttributeNames::value); }
|
|
|
|
virtual Utf16String value() const override;
|
|
virtual Optional<String> optional_value() const override;
|
|
WebIDL::ExceptionOr<void> set_value(Utf16String const&);
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#concept-textarea/input-relevant-value
|
|
virtual Utf16String relevant_value() override { return value(); }
|
|
WebIDL::ExceptionOr<void> set_relevant_value(Utf16String const& value) override { return set_value(value); }
|
|
|
|
virtual void set_dirty_value_flag(bool flag) override { m_dirty_value = flag; }
|
|
|
|
bool user_validity() const { return m_user_validity; }
|
|
void set_user_validity(bool flag) { m_user_validity = flag; }
|
|
|
|
void commit_pending_changes();
|
|
bool has_uncommitted_changes() { return m_has_uncommitted_changes; }
|
|
|
|
String placeholder() const;
|
|
Optional<String> placeholder_value() const;
|
|
|
|
bool checked() const { return m_checked; }
|
|
void set_checked(bool);
|
|
|
|
bool checked_binding() const { return checked(); }
|
|
void set_checked_binding(bool);
|
|
|
|
bool indeterminate() const { return m_indeterminate; }
|
|
void set_indeterminate(bool);
|
|
|
|
bool can_have_text_editing_cursor() const;
|
|
|
|
GC::Ptr<HTMLDataListElement const> list() const;
|
|
|
|
void did_pick_color(Optional<Color> picked_color, ColorPickerUpdateState state);
|
|
|
|
enum class MultipleHandling {
|
|
Replace,
|
|
Append,
|
|
};
|
|
void did_select_files(Span<SelectedFile> selected_files, MultipleHandling = MultipleHandling::Replace);
|
|
|
|
GC::Ptr<FileAPI::FileList> files();
|
|
void set_files(GC::Ptr<FileAPI::FileList>);
|
|
|
|
FileFilter parse_accept_attribute() const;
|
|
|
|
// NOTE: User interaction
|
|
// https://html.spec.whatwg.org/multipage/input.html#update-the-file-selection
|
|
void update_the_file_selection(GC::Ref<FileAPI::FileList>);
|
|
|
|
WebIDL::Long max_length() const;
|
|
WebIDL::ExceptionOr<void> set_max_length(WebIDL::Long);
|
|
|
|
WebIDL::Long min_length() const;
|
|
WebIDL::ExceptionOr<void> set_min_length(WebIDL::Long);
|
|
|
|
WebIDL::UnsignedLong size() const;
|
|
WebIDL::ExceptionOr<void> set_size(WebIDL::UnsignedLong value);
|
|
|
|
WebIDL::UnsignedLong height() const;
|
|
WebIDL::ExceptionOr<void> set_height(WebIDL::UnsignedLong value);
|
|
|
|
WebIDL::UnsignedLong width() const;
|
|
WebIDL::ExceptionOr<void> set_width(WebIDL::UnsignedLong value);
|
|
|
|
struct SelectedCoordinate {
|
|
int x { 0 };
|
|
int y { 0 };
|
|
};
|
|
SelectedCoordinate selected_coordinate() const { return m_selected_coordinate; }
|
|
|
|
JS::Object* value_as_date() const;
|
|
WebIDL::ExceptionOr<void> set_value_as_date(Optional<GC::Root<JS::Object>> const&);
|
|
|
|
double value_as_number() const;
|
|
WebIDL::ExceptionOr<void> set_value_as_number(double value);
|
|
|
|
WebIDL::ExceptionOr<void> step_up(WebIDL::Long n = 1);
|
|
WebIDL::ExceptionOr<void> step_down(WebIDL::Long n = 1);
|
|
|
|
WebIDL::ExceptionOr<void> show_picker();
|
|
|
|
// ^EventTarget
|
|
// https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute:the-input-element
|
|
// https://html.spec.whatwg.org/multipage/interaction.html#focusable-area
|
|
// https://html.spec.whatwg.org/multipage/semantics-other.html#concept-element-disabled
|
|
virtual bool is_focusable() const override;
|
|
|
|
// ^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_autocapitalize_and_autocorrect_inheriting() const override { return true; }
|
|
|
|
// https://html.spec.whatwg.org/multipage/forms.html#concept-button
|
|
virtual bool is_button() const override;
|
|
|
|
// https://html.spec.whatwg.org/multipage/forms.html#concept-submit-button
|
|
virtual bool is_submit_button() const override;
|
|
|
|
bool is_single_line() const;
|
|
|
|
virtual void reset_algorithm() override;
|
|
virtual void clear_algorithm() override;
|
|
|
|
virtual void form_associated_element_was_inserted() override;
|
|
virtual void form_associated_element_attribute_changed(FlyString const& name, Optional<String> const& old_value, Optional<String> const& value, Optional<FlyString> const& namespace_) override;
|
|
|
|
virtual WebIDL::ExceptionOr<void> cloned(Node&, bool) const override;
|
|
|
|
// ^HTMLElement
|
|
// https://html.spec.whatwg.org/multipage/forms.html#category-label
|
|
virtual bool is_labelable() const override { return type_state() != TypeAttributeState::Hidden; }
|
|
|
|
virtual Optional<ARIA::Role> default_role() const override;
|
|
|
|
GC::Ptr<Element> placeholder_element() { return m_placeholder_element; }
|
|
GC::Ptr<Element const> placeholder_element() const { return m_placeholder_element; }
|
|
|
|
virtual bool has_activation_behavior() const override;
|
|
virtual void activation_behavior(DOM::Event const&) override;
|
|
|
|
bool has_input_activation_behavior() const;
|
|
bool change_event_applies() const;
|
|
bool value_as_date_applies() const;
|
|
bool value_as_number_applies() const;
|
|
bool step_applies() const;
|
|
bool step_up_or_down_applies() const;
|
|
bool select_applies() const;
|
|
bool selection_or_range_applies() const;
|
|
bool selection_direction_applies() const;
|
|
bool pattern_applies() const;
|
|
bool multiple_applies() const;
|
|
bool required_applies() const;
|
|
bool checked_applies() const;
|
|
bool has_selectable_text() const;
|
|
|
|
bool supports_a_picker() const;
|
|
bool is_open() const { return m_is_open; }
|
|
void set_is_open(bool);
|
|
|
|
static bool selection_or_range_applies_for_type_state(TypeAttributeState);
|
|
|
|
Optional<String> selection_direction_binding() { return selection_direction(); }
|
|
|
|
// ^FormAssociatedTextControlElement
|
|
virtual void did_edit_text_node() override;
|
|
virtual GC::Ptr<DOM::Text> form_associated_element_to_text_node() override { return m_text_node; }
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#has-a-periodic-domain/
|
|
bool has_periodic_domain() const { return type_state() == HTMLInputElement::TypeAttributeState::Time; }
|
|
// https://html.spec.whatwg.org/multipage/input.html#has-a-reversed-range
|
|
bool has_reversed_range() const;
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#definitions
|
|
virtual bool suffering_from_being_missing() const override;
|
|
virtual bool suffering_from_a_type_mismatch() const override;
|
|
virtual bool suffering_from_a_pattern_mismatch() const override;
|
|
virtual bool suffering_from_an_underflow() const override;
|
|
virtual bool suffering_from_an_overflow() const override;
|
|
virtual bool suffering_from_a_step_mismatch() const override;
|
|
virtual bool suffering_from_bad_input() const override;
|
|
|
|
virtual bool is_mutable() const override;
|
|
virtual bool uses_button_layout() const override;
|
|
|
|
private:
|
|
HTMLInputElement(DOM::Document&, DOM::QualifiedName);
|
|
|
|
void type_attribute_changed(TypeAttributeState old_state, TypeAttributeState new_state);
|
|
|
|
virtual bool is_presentational_hint(FlyString const&) const override;
|
|
virtual void apply_presentational_hints(GC::Ref<CSS::CascadedProperties>) const override;
|
|
|
|
// ^DOM::Node
|
|
virtual bool is_html_input_element() const final { return true; }
|
|
|
|
// ^DOM::EventTarget
|
|
virtual void did_lose_focus() override;
|
|
virtual void did_receive_focus() override;
|
|
virtual void legacy_pre_activation_behavior() override;
|
|
virtual void legacy_cancelled_activation_behavior() override;
|
|
virtual void legacy_cancelled_activation_behavior_was_not_called() override;
|
|
|
|
// ^DOM::Element
|
|
virtual i32 default_tab_index_value() const override;
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#image-button-state-(type=image):dimension-attributes
|
|
virtual bool supports_dimension_attributes() const override { return type_state() == TypeAttributeState::ImageButton; }
|
|
|
|
// ^Layout::ImageProvider
|
|
virtual bool is_image_available() const override;
|
|
virtual Optional<CSSPixels> intrinsic_width() const override;
|
|
virtual Optional<CSSPixels> intrinsic_height() const override;
|
|
virtual Optional<CSSPixelFraction> intrinsic_aspect_ratio() const override;
|
|
virtual RefPtr<Gfx::ImmutableBitmap> current_image_bitmap_sized(Gfx::IntSize) const override;
|
|
virtual void set_visible_in_viewport(bool) override;
|
|
virtual GC::Ptr<DOM::Element const> to_html_element() const override { return *this; }
|
|
|
|
virtual void initialize(JS::Realm&) override;
|
|
virtual void visit_edges(Cell::Visitor&) override;
|
|
|
|
Optional<double> convert_time_string_to_number(StringView input) const;
|
|
Optional<double> convert_string_to_number(StringView input) const;
|
|
Optional<double> convert_string_to_number(Utf16String const& input) const;
|
|
Utf16String convert_number_to_string(double input) const;
|
|
|
|
WebIDL::ExceptionOr<GC::Ptr<JS::Date>> convert_string_to_date(StringView input) const;
|
|
WebIDL::ExceptionOr<GC::Ptr<JS::Date>> convert_string_to_date(Utf16String const& input) const;
|
|
Utf16String convert_date_to_string(GC::Ref<JS::Date> input) const;
|
|
|
|
Optional<double> min() const;
|
|
Optional<double> max() const;
|
|
double default_step() const;
|
|
double step_scale_factor() const;
|
|
Optional<double> allowed_value_step() const;
|
|
double step_base() const;
|
|
WebIDL::ExceptionOr<void> step_up_or_down(bool is_down, WebIDL::Long n);
|
|
|
|
static TypeAttributeState parse_type_attribute(StringView);
|
|
|
|
Utf16String button_label() const;
|
|
|
|
void create_shadow_tree_if_needed();
|
|
void update_shadow_tree();
|
|
void create_button_input_shadow_tree();
|
|
void create_text_input_shadow_tree();
|
|
void create_color_input_shadow_tree();
|
|
void create_file_input_shadow_tree();
|
|
void create_range_input_shadow_tree();
|
|
WebIDL::ExceptionOr<void> run_input_activation_behavior(DOM::Event const&);
|
|
void set_checked_within_group();
|
|
|
|
void handle_maxlength_attribute();
|
|
WebIDL::ExceptionOr<void> handle_src_attribute(String const& value);
|
|
|
|
void user_interaction_did_change_input_value();
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#value-sanitization-algorithm
|
|
Utf16String value_sanitization_algorithm(Utf16String const&) const;
|
|
|
|
enum class ValueAttributeMode {
|
|
Value,
|
|
Default,
|
|
DefaultOn,
|
|
Filename,
|
|
};
|
|
static ValueAttributeMode value_attribute_mode_for_type_state(TypeAttributeState);
|
|
ValueAttributeMode value_attribute_mode() const;
|
|
|
|
void update_placeholder_visibility();
|
|
GC::Ptr<DOM::Element> m_placeholder_element;
|
|
GC::Ptr<DOM::Text> m_placeholder_text_node;
|
|
|
|
void update_button_input_shadow_tree();
|
|
|
|
void update_text_input_shadow_tree();
|
|
GC::Ptr<DOM::Element> m_inner_text_element;
|
|
GC::Ptr<DOM::Text> m_text_node;
|
|
bool m_checked { false };
|
|
|
|
void update_color_well_element();
|
|
GC::Ptr<DOM::Element> m_color_well_element;
|
|
|
|
void update_file_input_shadow_tree();
|
|
GC::Ptr<DOM::Element> m_file_button;
|
|
GC::Ptr<DOM::Element> m_file_label;
|
|
|
|
void update_slider_shadow_tree_elements();
|
|
GC::Ptr<DOM::Element> m_slider_runnable_track;
|
|
GC::Ptr<DOM::Element> m_slider_progress_element;
|
|
GC::Ptr<DOM::Element> m_slider_thumb;
|
|
|
|
GC::Ptr<DecodedImageData> image_data() const;
|
|
GC::Ptr<SharedResourceRequest> m_resource_request;
|
|
SelectedCoordinate m_selected_coordinate;
|
|
|
|
Optional<Regex<ECMA262>> compiled_pattern_regular_expression() const;
|
|
|
|
Optional<GC::Ref<HTMLDataListElement const>> suggestions_source_element() const;
|
|
|
|
Optional<DOM::DocumentLoadEventDelayer> m_load_event_delayer;
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#dom-input-indeterminate
|
|
bool m_indeterminate { false };
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#concept-input-checked-dirty-flag
|
|
bool m_dirty_checkedness { false };
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#concept-fe-dirty
|
|
bool m_dirty_value { false };
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#user-validity
|
|
bool m_user_validity { false };
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#the-input-element:legacy-pre-activation-behavior
|
|
bool m_before_legacy_pre_activation_behavior_checked { false };
|
|
bool m_before_legacy_pre_activation_behavior_indeterminate { false };
|
|
GC::Ptr<HTMLInputElement> m_legacy_pre_activation_behavior_checked_element_in_group;
|
|
|
|
// https://html.spec.whatwg.org/multipage/input.html#concept-input-type-file-selected
|
|
GC::Ptr<FileAPI::FileList> m_selected_files;
|
|
|
|
TypeAttributeState m_type { TypeAttributeState::Text };
|
|
Utf16String m_value;
|
|
|
|
String m_last_src_value;
|
|
|
|
bool m_has_uncommitted_changes { false };
|
|
|
|
bool m_is_open { false };
|
|
|
|
void signal_a_type_change();
|
|
|
|
bool is_number_underflowing(double number) const;
|
|
bool is_number_overflowing(double number) const;
|
|
bool is_number_mismatching_step(double number) const;
|
|
};
|
|
|
|
}
|
|
|
|
namespace Web::DOM {
|
|
|
|
template<>
|
|
inline bool Node::fast_is<HTML::HTMLInputElement>() const { return is_html_input_element(); }
|
|
|
|
}
|