TreeBuilder.cpp 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  1. /*
  2. * Copyright (c) 2018-2021, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #include <AK/Optional.h>
  7. #include <AK/TemporaryChange.h>
  8. #include <LibWeb/DOM/Document.h>
  9. #include <LibWeb/DOM/Element.h>
  10. #include <LibWeb/DOM/ParentNode.h>
  11. #include <LibWeb/DOM/ShadowRoot.h>
  12. #include <LibWeb/Dump.h>
  13. #include <LibWeb/Layout/InitialContainingBlock.h>
  14. #include <LibWeb/Layout/Node.h>
  15. #include <LibWeb/Layout/TableBox.h>
  16. #include <LibWeb/Layout/TableCellBox.h>
  17. #include <LibWeb/Layout/TableRowBox.h>
  18. #include <LibWeb/Layout/TextNode.h>
  19. #include <LibWeb/Layout/TreeBuilder.h>
  20. namespace Web::Layout {
  21. TreeBuilder::TreeBuilder()
  22. {
  23. }
  24. // The insertion_parent_for_*() functions maintain the invariant that block-level boxes must have either
  25. // only block-level children or only inline-level children.
  26. static Layout::Node& insertion_parent_for_inline_node(Layout::NodeWithStyle& layout_parent)
  27. {
  28. if (layout_parent.is_inline() && !layout_parent.is_inline_block())
  29. return layout_parent;
  30. if (layout_parent.computed_values().display().is_flex_inside()) {
  31. layout_parent.append_child(layout_parent.create_anonymous_wrapper());
  32. }
  33. if (!layout_parent.has_children() || layout_parent.children_are_inline())
  34. return layout_parent;
  35. // Parent has block-level children, insert into an anonymous wrapper block (and create it first if needed)
  36. if (!layout_parent.last_child()->is_anonymous() || !layout_parent.last_child()->children_are_inline()) {
  37. layout_parent.append_child(layout_parent.create_anonymous_wrapper());
  38. }
  39. return *layout_parent.last_child();
  40. }
  41. static Layout::Node& insertion_parent_for_block_node(Layout::Node& layout_parent, Layout::Node& layout_node)
  42. {
  43. if (!layout_parent.has_children()) {
  44. // Parent block has no children, insert this block into parent.
  45. return layout_parent;
  46. }
  47. if (!layout_parent.children_are_inline()) {
  48. // Parent block has block-level children, insert this block into parent.
  49. return layout_parent;
  50. }
  51. // Parent block has inline-level children (our siblings).
  52. // First move these siblings into an anonymous wrapper block.
  53. NonnullRefPtrVector<Layout::Node> children;
  54. while (RefPtr<Layout::Node> child = layout_parent.first_child()) {
  55. layout_parent.remove_child(*child);
  56. children.append(child.release_nonnull());
  57. }
  58. layout_parent.append_child(adopt_ref(*new BlockContainer(layout_node.document(), nullptr, layout_parent.computed_values().clone_inherited_values())));
  59. layout_parent.set_children_are_inline(false);
  60. for (auto& child : children) {
  61. layout_parent.last_child()->append_child(child);
  62. }
  63. layout_parent.last_child()->set_children_are_inline(true);
  64. // Then it's safe to insert this block into parent.
  65. return layout_parent;
  66. }
  67. void TreeBuilder::create_layout_tree(DOM::Node& dom_node, TreeBuilder::Context& context)
  68. {
  69. // If the parent doesn't have a layout node, we don't need one either.
  70. if (dom_node.parent_or_shadow_host() && !dom_node.parent_or_shadow_host()->layout_node())
  71. return;
  72. Optional<TemporaryChange<bool>> has_svg_root_change;
  73. if (dom_node.is_svg_container()) {
  74. has_svg_root_change.emplace(context.has_svg_root, true);
  75. } else if (dom_node.requires_svg_container() && !context.has_svg_root) {
  76. return;
  77. }
  78. auto& document = dom_node.document();
  79. auto& style_computer = document.style_computer();
  80. RefPtr<Layout::Node> layout_node;
  81. if (is<DOM::Element>(dom_node)) {
  82. auto& element = static_cast<DOM::Element&>(dom_node);
  83. auto style = style_computer.compute_style(element);
  84. if (style->display().is_none())
  85. return;
  86. element.set_specified_css_values(style);
  87. layout_node = element.create_layout_node(move(style));
  88. } else if (is<DOM::Document>(dom_node)) {
  89. auto style = style_computer.create_document_style();
  90. layout_node = adopt_ref(*new Layout::InitialContainingBlock(static_cast<DOM::Document&>(dom_node), move(style)));
  91. } else if (is<DOM::Text>(dom_node)) {
  92. layout_node = adopt_ref(*new Layout::TextNode(document, static_cast<DOM::Text&>(dom_node)));
  93. } else if (is<DOM::ShadowRoot>(dom_node)) {
  94. layout_node = adopt_ref(*new Layout::BlockContainer(document, &static_cast<DOM::ShadowRoot&>(dom_node), CSS::ComputedValues {}));
  95. }
  96. if (!layout_node)
  97. return;
  98. if (!dom_node.parent_or_shadow_host()) {
  99. m_layout_root = layout_node;
  100. } else {
  101. if (layout_node->is_inline() && !(layout_node->is_inline_block() && m_parent_stack.last()->computed_values().display().is_flex_inside())) {
  102. // Inlines can be inserted into the nearest ancestor.
  103. auto& insertion_point = insertion_parent_for_inline_node(*m_parent_stack.last());
  104. insertion_point.append_child(*layout_node);
  105. insertion_point.set_children_are_inline(true);
  106. } else {
  107. // Non-inlines can't be inserted into an inline parent, so find the nearest non-inline ancestor.
  108. auto& nearest_non_inline_ancestor = [&]() -> Layout::Node& {
  109. for (ssize_t i = m_parent_stack.size() - 1; i >= 0; --i) {
  110. if (!m_parent_stack[i]->is_inline() || m_parent_stack[i]->is_inline_block())
  111. return *m_parent_stack[i];
  112. }
  113. VERIFY_NOT_REACHED();
  114. }();
  115. auto& insertion_point = insertion_parent_for_block_node(nearest_non_inline_ancestor, *layout_node);
  116. insertion_point.append_child(*layout_node);
  117. insertion_point.set_children_are_inline(false);
  118. }
  119. }
  120. auto* shadow_root = is<DOM::Element>(dom_node) ? verify_cast<DOM::Element>(dom_node).shadow_root() : nullptr;
  121. if ((dom_node.has_children() || shadow_root) && layout_node->can_have_children()) {
  122. push_parent(verify_cast<NodeWithStyle>(*layout_node));
  123. if (shadow_root)
  124. create_layout_tree(*shadow_root, context);
  125. verify_cast<DOM::ParentNode>(dom_node).for_each_child([&](auto& dom_child) {
  126. create_layout_tree(dom_child, context);
  127. });
  128. pop_parent();
  129. }
  130. }
  131. RefPtr<Node> TreeBuilder::build(DOM::Node& dom_node)
  132. {
  133. if (dom_node.parent()) {
  134. // We're building a partial layout tree, so start by building up the stack of parent layout nodes.
  135. for (auto* ancestor = dom_node.parent()->layout_node(); ancestor; ancestor = ancestor->parent())
  136. m_parent_stack.prepend(verify_cast<NodeWithStyle>(ancestor));
  137. }
  138. Context context;
  139. create_layout_tree(dom_node, context);
  140. if (auto* root = dom_node.document().layout_node())
  141. fixup_tables(*root);
  142. return move(m_layout_root);
  143. }
  144. template<CSS::Display::Internal internal, typename Callback>
  145. void TreeBuilder::for_each_in_tree_with_internal_display(NodeWithStyle& root, Callback callback)
  146. {
  147. root.for_each_in_inclusive_subtree_of_type<Box>([&](auto& box) {
  148. auto const& display = box.computed_values().display();
  149. if (display.is_internal() && display.internal() == internal)
  150. callback(box);
  151. return IterationDecision::Continue;
  152. });
  153. }
  154. template<CSS::Display::Inside inside, typename Callback>
  155. void TreeBuilder::for_each_in_tree_with_inside_display(NodeWithStyle& root, Callback callback)
  156. {
  157. root.for_each_in_inclusive_subtree_of_type<Box>([&](auto& box) {
  158. auto const& display = box.computed_values().display();
  159. if (display.it_outside_and_inside() && display.inside() == inside)
  160. callback(box);
  161. return IterationDecision::Continue;
  162. });
  163. }
  164. void TreeBuilder::fixup_tables(NodeWithStyle& root)
  165. {
  166. // NOTE: Even if we only do a partial build, we always do fixup from the root.
  167. remove_irrelevant_boxes(root);
  168. generate_missing_child_wrappers(root);
  169. generate_missing_parents(root);
  170. }
  171. void TreeBuilder::remove_irrelevant_boxes(NodeWithStyle& root)
  172. {
  173. // The following boxes are discarded as if they were display:none:
  174. NonnullRefPtrVector<Node> to_remove;
  175. // Children of a table-column.
  176. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableColumn>(root, [&](Box& table_column) {
  177. table_column.for_each_child([&](auto& child) {
  178. to_remove.append(child);
  179. });
  180. });
  181. // Children of a table-column-group which are not a table-column.
  182. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableColumnGroup>(root, [&](Box& table_column_group) {
  183. table_column_group.for_each_child([&](auto& child) {
  184. if (child.computed_values().display().is_table_column())
  185. to_remove.append(child);
  186. });
  187. });
  188. // FIXME:
  189. // Anonymous inline boxes which contain only white space and are between two immediate siblings each of which is a table-non-root box.
  190. // Anonymous inline boxes which meet all of the following criteria:
  191. // - they contain only white space
  192. // - they are the first and/or last child of a tabular container
  193. // - whose immediate sibling, if any, is a table-non-root box
  194. for (auto& box : to_remove)
  195. box.parent()->remove_child(box);
  196. }
  197. static bool is_table_track(CSS::Display display)
  198. {
  199. return display.is_table_row() || display.is_table_column();
  200. }
  201. static bool is_table_track_group(CSS::Display display)
  202. {
  203. // Unless explicitly mentioned otherwise, mentions of table-row-groups in this spec also encompass the specialized
  204. // table-header-groups and table-footer-groups.
  205. return display.is_table_row_group()
  206. || display.is_table_header_group()
  207. || display.is_table_footer_group()
  208. || display.is_table_column_group();
  209. }
  210. static bool is_not_proper_table_child(const Node& node)
  211. {
  212. if (!node.has_style())
  213. return true;
  214. auto display = node.computed_values().display();
  215. return !is_table_track_group(display) && !is_table_track(display) && !display.is_table_caption();
  216. }
  217. static bool is_not_table_row(const Node& node)
  218. {
  219. if (!node.has_style())
  220. return true;
  221. auto display = node.computed_values().display();
  222. return !display.is_table_row();
  223. }
  224. static bool is_not_table_cell(const Node& node)
  225. {
  226. if (!node.has_style())
  227. return true;
  228. auto display = node.computed_values().display();
  229. return !display.is_table_cell();
  230. }
  231. static bool is_ignorable_whitespace(Layout::Node const& node)
  232. {
  233. if (node.is_text_node() && static_cast<TextNode const&>(node).text_for_rendering().is_whitespace())
  234. return true;
  235. if (node.is_anonymous() && node.is_block_container() && static_cast<BlockContainer const&>(node).children_are_inline()) {
  236. bool contains_only_white_space = true;
  237. node.for_each_in_inclusive_subtree_of_type<TextNode>([&contains_only_white_space](auto& text_node) {
  238. if (!text_node.text_for_rendering().is_whitespace()) {
  239. contains_only_white_space = false;
  240. return IterationDecision::Break;
  241. }
  242. return IterationDecision::Continue;
  243. });
  244. if (contains_only_white_space)
  245. return true;
  246. }
  247. return false;
  248. }
  249. template<typename Matcher, typename Callback>
  250. static void for_each_sequence_of_consecutive_children_matching(NodeWithStyle& parent, Matcher matcher, Callback callback)
  251. {
  252. NonnullRefPtrVector<Node> sequence;
  253. auto sequence_is_all_ignorable_whitespace = [&]() -> bool {
  254. for (auto& node : sequence) {
  255. if (!is_ignorable_whitespace(node))
  256. return false;
  257. }
  258. return true;
  259. };
  260. Node* next_sibling = nullptr;
  261. for (auto* child = parent.first_child(); child; child = next_sibling) {
  262. next_sibling = child->next_sibling();
  263. if (matcher(*child)) {
  264. sequence.append(*child);
  265. } else {
  266. if (!sequence.is_empty()) {
  267. if (!sequence_is_all_ignorable_whitespace())
  268. callback(sequence, next_sibling);
  269. sequence.clear();
  270. }
  271. }
  272. }
  273. if (sequence.is_empty() && !sequence_is_all_ignorable_whitespace())
  274. callback(sequence, nullptr);
  275. }
  276. template<typename WrapperBoxType>
  277. static void wrap_in_anonymous(NonnullRefPtrVector<Node>& sequence, Node* nearest_sibling)
  278. {
  279. VERIFY(!sequence.is_empty());
  280. auto& parent = *sequence.first().parent();
  281. auto computed_values = parent.computed_values().clone_inherited_values();
  282. static_cast<CSS::MutableComputedValues&>(computed_values).set_display(WrapperBoxType::static_display());
  283. auto wrapper = adopt_ref(*new WrapperBoxType(parent.document(), nullptr, move(computed_values)));
  284. for (auto& child : sequence) {
  285. parent.remove_child(child);
  286. wrapper->append_child(child);
  287. }
  288. if (nearest_sibling)
  289. parent.insert_before(move(wrapper), *nearest_sibling);
  290. else
  291. parent.append_child(move(wrapper));
  292. }
  293. void TreeBuilder::generate_missing_child_wrappers(NodeWithStyle& root)
  294. {
  295. // An anonymous table-row box must be generated around each sequence of consecutive children of a table-root box which are not proper table child boxes.
  296. for_each_in_tree_with_inside_display<CSS::Display::Inside::Table>(root, [&](auto& parent) {
  297. for_each_sequence_of_consecutive_children_matching(parent, is_not_proper_table_child, [&](auto sequence, auto nearest_sibling) {
  298. wrap_in_anonymous<TableRowBox>(sequence, nearest_sibling);
  299. });
  300. });
  301. // An anonymous table-row box must be generated around each sequence of consecutive children of a table-row-group box which are not table-row boxes.
  302. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableRowGroup>(root, [&](auto& parent) {
  303. for_each_sequence_of_consecutive_children_matching(parent, is_not_table_row, [&](auto& sequence, auto nearest_sibling) {
  304. wrap_in_anonymous<TableRowBox>(sequence, nearest_sibling);
  305. });
  306. });
  307. // Unless explicitly mentioned otherwise, mentions of table-row-groups in this spec also encompass the specialized
  308. // table-header-groups and table-footer-groups.
  309. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableHeaderGroup>(root, [&](auto& parent) {
  310. for_each_sequence_of_consecutive_children_matching(parent, is_not_table_row, [&](auto& sequence, auto nearest_sibling) {
  311. wrap_in_anonymous<TableRowBox>(sequence, nearest_sibling);
  312. });
  313. });
  314. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableFooterGroup>(root, [&](auto& parent) {
  315. for_each_sequence_of_consecutive_children_matching(parent, is_not_table_row, [&](auto& sequence, auto nearest_sibling) {
  316. wrap_in_anonymous<TableRowBox>(sequence, nearest_sibling);
  317. });
  318. });
  319. // An anonymous table-cell box must be generated around each sequence of consecutive children of a table-row box which are not table-cell boxes. !Testcase
  320. for_each_in_tree_with_internal_display<CSS::Display::Internal::TableRow>(root, [&](auto& parent) {
  321. for_each_sequence_of_consecutive_children_matching(parent, is_not_table_cell, [&](auto& sequence, auto nearest_sibling) {
  322. wrap_in_anonymous<TableCellBox>(sequence, nearest_sibling);
  323. });
  324. });
  325. }
  326. void TreeBuilder::generate_missing_parents(NodeWithStyle&)
  327. {
  328. // FIXME: Implement.
  329. }
  330. }