InlineFormattingContext.cpp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. /*
  2. * Copyright (c) 2020-2022, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #include <LibWeb/CSS/Length.h>
  7. #include <LibWeb/DOM/Node.h>
  8. #include <LibWeb/Dump.h>
  9. #include <LibWeb/Layout/BlockContainer.h>
  10. #include <LibWeb/Layout/BlockFormattingContext.h>
  11. #include <LibWeb/Layout/Box.h>
  12. #include <LibWeb/Layout/InlineFormattingContext.h>
  13. #include <LibWeb/Layout/InlineLevelIterator.h>
  14. #include <LibWeb/Layout/LineBuilder.h>
  15. #include <LibWeb/Layout/ReplacedBox.h>
  16. #include <LibWeb/Layout/SVGSVGBox.h>
  17. namespace Web::Layout {
  18. constexpr float text_justification_threshold = 0.1;
  19. InlineFormattingContext::InlineFormattingContext(LayoutState& state, BlockContainer const& containing_block, BlockFormattingContext& parent)
  20. : FormattingContext(Type::Inline, state, containing_block, &parent)
  21. , m_containing_block_state(state.get(containing_block))
  22. {
  23. switch (m_containing_block_state.width_constraint) {
  24. case SizeConstraint::MinContent:
  25. m_effective_containing_block_width = 0;
  26. break;
  27. case SizeConstraint::MaxContent:
  28. m_effective_containing_block_width = INFINITY;
  29. break;
  30. default:
  31. m_effective_containing_block_width = m_containing_block_state.content_width();
  32. break;
  33. }
  34. }
  35. InlineFormattingContext::~InlineFormattingContext() = default;
  36. BlockFormattingContext& InlineFormattingContext::parent()
  37. {
  38. return static_cast<BlockFormattingContext&>(*FormattingContext::parent());
  39. }
  40. BlockFormattingContext const& InlineFormattingContext::parent() const
  41. {
  42. return static_cast<BlockFormattingContext const&>(*FormattingContext::parent());
  43. }
  44. float InlineFormattingContext::leftmost_x_offset_at(float y) const
  45. {
  46. // NOTE: Floats are relative to the BFC root box, not necessarily the containing block of this IFC.
  47. auto box_in_root_rect = content_box_rect_in_ancestor_coordinate_space(containing_block(), parent().root(), m_state);
  48. float y_in_root = box_in_root_rect.y() + y;
  49. auto space = parent().space_used_by_floats(y_in_root);
  50. float containing_block_x = m_containing_block_state.offset.x();
  51. return max(space.left, containing_block_x) - containing_block_x;
  52. }
  53. float InlineFormattingContext::available_space_for_line(float y) const
  54. {
  55. if (m_effective_containing_block_width == 0)
  56. return 0;
  57. if (!isfinite(m_effective_containing_block_width))
  58. return INFINITY;
  59. // NOTE: Floats are relative to the BFC root box, not necessarily the containing block of this IFC.
  60. auto& root_block = parent().root();
  61. auto box_in_root_rect = content_box_rect_in_ancestor_coordinate_space(containing_block(), root_block, m_state);
  62. float y_in_root = box_in_root_rect.y() + y;
  63. auto space = parent().space_used_by_floats(y_in_root);
  64. space.left = max(space.left, m_containing_block_state.offset.x()) - m_containing_block_state.offset.x();
  65. space.right = min(m_containing_block_state.content_width() - space.right, m_containing_block_state.offset.x() + m_effective_containing_block_width);
  66. return space.right - space.left;
  67. }
  68. float InlineFormattingContext::automatic_content_height() const
  69. {
  70. return compute_auto_height_for_block_formatting_context_root(m_state, containing_block());
  71. }
  72. void InlineFormattingContext::run(Box const&, LayoutMode layout_mode, [[maybe_unused]] AvailableSpace const& available_width, [[maybe_unused]] AvailableSpace const& available_height)
  73. {
  74. VERIFY(containing_block().children_are_inline());
  75. generate_line_boxes(layout_mode);
  76. }
  77. void InlineFormattingContext::dimension_box_on_line(Box const& box, LayoutMode layout_mode)
  78. {
  79. auto width_of_containing_block = CSS::Length::make_px(m_effective_containing_block_width);
  80. auto& box_state = m_state.get_mutable(box);
  81. auto const& computed_values = box.computed_values();
  82. box_state.margin_left = computed_values.margin().left().resolved(box, width_of_containing_block).to_px(box);
  83. box_state.border_left = computed_values.border_left().width;
  84. box_state.padding_left = computed_values.padding().left().resolved(box, width_of_containing_block).to_px(box);
  85. box_state.margin_right = computed_values.margin().right().resolved(box, width_of_containing_block).to_px(box);
  86. box_state.border_right = computed_values.border_right().width;
  87. box_state.padding_right = computed_values.padding().right().resolved(box, width_of_containing_block).to_px(box);
  88. box_state.margin_top = computed_values.margin().top().resolved(box, width_of_containing_block).to_px(box);
  89. box_state.border_top = computed_values.border_top().width;
  90. box_state.padding_top = computed_values.padding().top().resolved(box, width_of_containing_block).to_px(box);
  91. box_state.padding_bottom = computed_values.padding().bottom().resolved(box, width_of_containing_block).to_px(box);
  92. box_state.border_bottom = computed_values.border_bottom().width;
  93. box_state.margin_bottom = computed_values.margin().bottom().resolved(box, width_of_containing_block).to_px(box);
  94. if (is<ReplacedBox>(box)) {
  95. auto& replaced = verify_cast<ReplacedBox>(box);
  96. if (is<SVGSVGBox>(box))
  97. (void)layout_inside(replaced, layout_mode);
  98. box_state.set_content_width(compute_width_for_replaced_element(m_state, replaced));
  99. box_state.set_content_height(compute_height_for_replaced_element(m_state, replaced));
  100. return;
  101. }
  102. if (box.is_inline_block()) {
  103. auto const& inline_block = verify_cast<BlockContainer>(box);
  104. auto& width_value = inline_block.computed_values().width();
  105. if (width_value.is_auto()) {
  106. auto result = calculate_shrink_to_fit_widths(inline_block);
  107. auto available_width = m_containing_block_state.content_width()
  108. - box_state.margin_left
  109. - box_state.border_left
  110. - box_state.padding_left
  111. - box_state.padding_right
  112. - box_state.border_right
  113. - box_state.margin_right;
  114. auto width = min(max(result.preferred_minimum_width, available_width), result.preferred_width);
  115. box_state.set_content_width(width);
  116. } else {
  117. auto container_width = CSS::Length::make_px(m_effective_containing_block_width);
  118. box_state.set_content_width(width_value.resolved(box, container_width).to_px(inline_block));
  119. }
  120. auto independent_formatting_context = layout_inside(inline_block, layout_mode);
  121. auto& height_value = inline_block.computed_values().height();
  122. if (height_value.is_auto()) {
  123. // FIXME: (10.6.6) If 'height' is 'auto', the height depends on the element's descendants per 10.6.7.
  124. BlockFormattingContext::compute_height(inline_block, m_state);
  125. } else {
  126. auto container_height = CSS::Length::make_px(m_containing_block_state.content_height());
  127. box_state.set_content_height(height_value.resolved(box, container_height).to_px(inline_block));
  128. }
  129. if (independent_formatting_context)
  130. independent_formatting_context->parent_context_did_dimension_child_root_box();
  131. return;
  132. }
  133. // Non-replaced, non-inline-block, box on a line!?
  134. // I don't think we should be here. Dump the box tree so we can take a look at it.
  135. dbgln("FIXME: I've been asked to dimension a non-replaced, non-inline-block box on a line:");
  136. dump_tree(box);
  137. }
  138. void InlineFormattingContext::apply_justification_to_fragments(CSS::TextJustify text_justify, LineBox& line_box, bool is_last_line)
  139. {
  140. switch (text_justify) {
  141. case CSS::TextJustify::None:
  142. return;
  143. // FIXME: These two cases currently fall back to auto, handle them as well.
  144. case CSS::TextJustify::InterCharacter:
  145. case CSS::TextJustify::InterWord:
  146. case CSS::TextJustify::Auto:
  147. break;
  148. }
  149. float excess_horizontal_space = m_effective_containing_block_width - line_box.width();
  150. // Only justify the text if the excess horizontal space is less than or
  151. // equal to 10%, or if we are not looking at the last line box.
  152. if (is_last_line && excess_horizontal_space / m_effective_containing_block_width > text_justification_threshold)
  153. return;
  154. float excess_horizontal_space_including_whitespace = excess_horizontal_space;
  155. size_t whitespace_count = 0;
  156. for (auto& fragment : line_box.fragments()) {
  157. if (fragment.is_justifiable_whitespace()) {
  158. ++whitespace_count;
  159. excess_horizontal_space_including_whitespace += fragment.width();
  160. }
  161. }
  162. float justified_space_width = whitespace_count > 0 ? (excess_horizontal_space_including_whitespace / static_cast<float>(whitespace_count)) : 0;
  163. // This is the amount that each fragment will be offset by. If a whitespace
  164. // fragment is shorter than the justified space width, it increases to push
  165. // subsequent fragments, and decreases to pull them back otherwise.
  166. float running_diff = 0;
  167. for (size_t i = 0; i < line_box.fragments().size(); ++i) {
  168. auto& fragment = line_box.fragments()[i];
  169. auto offset = fragment.offset();
  170. offset.translate_by(running_diff, 0);
  171. fragment.set_offset(offset);
  172. if (fragment.is_justifiable_whitespace()
  173. && fragment.width() != justified_space_width) {
  174. running_diff += justified_space_width - fragment.width();
  175. fragment.set_width(justified_space_width);
  176. }
  177. }
  178. }
  179. void InlineFormattingContext::generate_line_boxes(LayoutMode layout_mode)
  180. {
  181. auto& containing_block_state = m_state.get_mutable(containing_block());
  182. auto& line_boxes = containing_block_state.line_boxes;
  183. line_boxes.clear_with_capacity();
  184. InlineLevelIterator iterator(*this, m_state, containing_block(), layout_mode);
  185. LineBuilder line_builder(*this, m_state);
  186. for (;;) {
  187. auto item_opt = iterator.next(line_builder.available_width_for_current_line());
  188. if (!item_opt.has_value())
  189. break;
  190. auto& item = item_opt.value();
  191. // Ignore collapsible whitespace chunks at the start of line, and if the last fragment already ends in whitespace.
  192. if (item.is_collapsible_whitespace && (line_boxes.is_empty() || line_boxes.last().is_empty_or_ends_in_whitespace()))
  193. continue;
  194. switch (item.type) {
  195. case InlineLevelIterator::Item::Type::ForcedBreak:
  196. line_builder.break_line();
  197. break;
  198. case InlineLevelIterator::Item::Type::Element: {
  199. auto& box = verify_cast<Layout::Box>(*item.node);
  200. line_builder.break_if_needed(item.border_box_width());
  201. line_builder.append_box(box, item.border_start + item.padding_start, item.padding_end + item.border_end, item.margin_start, item.margin_end);
  202. break;
  203. }
  204. case InlineLevelIterator::Item::Type::AbsolutelyPositionedElement:
  205. if (is<Box>(*item.node))
  206. parent().add_absolutely_positioned_box(static_cast<Layout::Box const&>(*item.node));
  207. break;
  208. case InlineLevelIterator::Item::Type::FloatingElement:
  209. if (is<Box>(*item.node))
  210. parent().layout_floating_box(static_cast<Layout::Box const&>(*item.node), containing_block(), layout_mode, &line_builder);
  211. break;
  212. case InlineLevelIterator::Item::Type::Text: {
  213. auto& text_node = verify_cast<Layout::TextNode>(*item.node);
  214. if (text_node.computed_values().white_space() != CSS::WhiteSpace::Nowrap && line_builder.break_if_needed(item.border_box_width())) {
  215. // If whitespace caused us to break, we swallow the whitespace instead of
  216. // putting it on the next line.
  217. // If we're in a whitespace-collapsing context, we can simply check the flag.
  218. if (item.is_collapsible_whitespace)
  219. break;
  220. // In whitespace-preserving contexts (white-space: pre*), we have to check manually.
  221. auto view = text_node.text_for_rendering().substring_view(item.offset_in_node, item.length_in_node);
  222. if (view.is_whitespace())
  223. break;
  224. }
  225. line_builder.append_text_chunk(
  226. text_node,
  227. item.offset_in_node,
  228. item.length_in_node,
  229. item.border_start + item.padding_start,
  230. item.padding_end + item.border_end,
  231. item.margin_start,
  232. item.margin_end,
  233. item.width,
  234. text_node.line_height());
  235. break;
  236. }
  237. }
  238. }
  239. for (auto& line_box : line_boxes) {
  240. line_box.trim_trailing_whitespace();
  241. }
  242. line_builder.remove_last_line_if_empty();
  243. auto const& containing_block = this->containing_block();
  244. auto text_align = containing_block.computed_values().text_align();
  245. auto text_justify = containing_block.computed_values().text_justify();
  246. if (text_align == CSS::TextAlign::Justify) {
  247. for (size_t i = 0; i < line_boxes.size(); i++) {
  248. auto& line_box = line_boxes[i];
  249. auto is_last_line = i == line_boxes.size() - 1;
  250. apply_justification_to_fragments(text_justify, line_box, is_last_line);
  251. }
  252. }
  253. }
  254. bool InlineFormattingContext::any_floats_intrude_at_y(float y) const
  255. {
  256. auto box_in_root_rect = content_box_rect_in_ancestor_coordinate_space(containing_block(), parent().root(), m_state);
  257. float y_in_root = box_in_root_rect.y() + y;
  258. auto space = parent().space_used_by_floats(y_in_root);
  259. return space.left > 0 || space.right > 0;
  260. }
  261. bool InlineFormattingContext::can_fit_new_line_at_y(float y) const
  262. {
  263. auto box_in_root_rect = content_box_rect_in_ancestor_coordinate_space(containing_block(), parent().root(), m_state);
  264. float y_in_root = box_in_root_rect.y() + y;
  265. auto space_top = parent().space_used_by_floats(y_in_root);
  266. auto space_bottom = parent().space_used_by_floats(y_in_root + containing_block().line_height() - 1);
  267. [[maybe_unused]] auto top_left_edge = space_top.left;
  268. [[maybe_unused]] auto top_right_edge = m_effective_containing_block_width - space_top.right;
  269. [[maybe_unused]] auto bottom_left_edge = space_bottom.left;
  270. [[maybe_unused]] auto bottom_right_edge = m_effective_containing_block_width - space_bottom.right;
  271. if (top_left_edge > bottom_right_edge)
  272. return false;
  273. if (bottom_left_edge > top_right_edge)
  274. return false;
  275. return true;
  276. }
  277. }