1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 01:07:35 +00:00

LibHTML: Start fleshing out block layout.

The basic idea of block layout is: width, then children based on width,
then height based on height of children.
This commit is contained in:
Andreas Kling 2019-07-01 07:28:37 +02:00
parent f1a0e8b8e6
commit 22fec1a250
5 changed files with 32 additions and 2 deletions

View file

@ -12,7 +12,19 @@ LayoutBlock::~LayoutBlock()
void LayoutBlock::layout()
{
compute_width();
LayoutNode::layout();
compute_height();
}
void LayoutBlock::compute_width()
{
}
void LayoutBlock::compute_height()
{
}

View file

@ -14,4 +14,8 @@ public:
virtual void layout() override;
private:
virtual bool is_block() const override { return true; }
void compute_width();
void compute_height();
};

View file

@ -1,9 +1,9 @@
#pragma once
#include <LibHTML/Layout/LayoutNode.h>
#include <LibHTML/Layout/LayoutBlock.h>
#include <LibHTML/DOM/Document.h>
class LayoutDocument final : public LayoutNode {
class LayoutDocument final : public LayoutBlock {
public:
explicit LayoutDocument(const Document&);
virtual ~LayoutDocument() override;

View file

@ -1,3 +1,4 @@
#include <LibHTML/Layout/LayoutBlock.h>
#include <LibHTML/Layout/LayoutNode.h>
LayoutNode::LayoutNode(const Node* node)
@ -15,3 +16,12 @@ void LayoutNode::layout()
child.layout();
});
}
const LayoutBlock* LayoutNode::containing_block() const
{
for (auto* ancestor = parent(); ancestor; ancestor = ancestor->parent()) {
if (ancestor->is_block())
return static_cast<const LayoutBlock*>(ancestor);
}
return nullptr;
}

View file

@ -7,6 +7,7 @@
#include <SharedGraphics/Rect.h>
class Node;
class LayoutBlock;
class LayoutNode : public TreeNode<LayoutNode> {
public:
@ -38,9 +39,12 @@ public:
virtual const char* class_name() const { return "LayoutNode"; }
virtual bool is_text() const { return false; }
virtual bool is_block() const { return false; }
virtual void layout();
const LayoutBlock* containing_block() const;
protected:
explicit LayoutNode(const Node*);