85a0772147
Until now, we've internally thought of the CSS "display" property as a single-value property. In practice, "display" is a much more complex property that comes in a number of configurations. The most interesting one is the two-part format that describes the outside and inside behavior of a box. Switching our own internal representation towards this model will allow for much cleaner abstractions around layout and the various formatting contexts. Note that we don't *parse* two-part "display" yet, this is only about changing the internal representation of the property. Spec: https://drafts.csswg.org/css-display
57 lines
1.5 KiB
C++
57 lines
1.5 KiB
C++
/*
|
|
* Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#include <LibGfx/Bitmap.h>
|
|
#include <LibWeb/CSS/StyleComputer.h>
|
|
#include <LibWeb/DOM/Document.h>
|
|
#include <LibWeb/DOM/Event.h>
|
|
#include <LibWeb/HTML/HTMLObjectElement.h>
|
|
#include <LibWeb/Layout/ImageBox.h>
|
|
#include <LibWeb/Loader/ResourceLoader.h>
|
|
|
|
namespace Web::HTML {
|
|
|
|
HTMLObjectElement::HTMLObjectElement(DOM::Document& document, QualifiedName qualified_name)
|
|
: HTMLElement(document, move(qualified_name))
|
|
, m_image_loader(*this)
|
|
{
|
|
m_image_loader.on_load = [this] {
|
|
m_should_show_fallback_content = false;
|
|
this->document().force_layout();
|
|
};
|
|
|
|
m_image_loader.on_fail = [this] {
|
|
m_should_show_fallback_content = true;
|
|
this->document().force_layout();
|
|
};
|
|
}
|
|
|
|
HTMLObjectElement::~HTMLObjectElement()
|
|
{
|
|
}
|
|
|
|
void HTMLObjectElement::parse_attribute(const FlyString& name, const String& value)
|
|
{
|
|
HTMLElement::parse_attribute(name, value);
|
|
|
|
if (name == HTML::AttributeNames::data)
|
|
m_image_loader.load(document().parse_url(value));
|
|
}
|
|
|
|
RefPtr<Layout::Node> HTMLObjectElement::create_layout_node()
|
|
{
|
|
if (m_should_show_fallback_content)
|
|
return HTMLElement::create_layout_node();
|
|
|
|
auto style = document().style_computer().compute_style(*this);
|
|
if (style->display().is_none())
|
|
return nullptr;
|
|
if (m_image_loader.has_image())
|
|
return adopt_ref(*new Layout::ImageBox(document(), *this, move(style), m_image_loader));
|
|
return nullptr;
|
|
}
|
|
|
|
}
|