InlineFormattingContext.cpp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  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. namespace Web::Layout {
  17. constexpr float text_justification_threshold = 0.1;
  18. InlineFormattingContext::InlineFormattingContext(FormattingState& state, BlockContainer const& containing_block, BlockFormattingContext& parent)
  19. : FormattingContext(Type::Inline, state, containing_block, &parent)
  20. {
  21. }
  22. InlineFormattingContext::~InlineFormattingContext()
  23. {
  24. }
  25. BlockFormattingContext& InlineFormattingContext::parent()
  26. {
  27. return static_cast<BlockFormattingContext&>(*FormattingContext::parent());
  28. }
  29. BlockFormattingContext const& InlineFormattingContext::parent() const
  30. {
  31. return static_cast<BlockFormattingContext const&>(*FormattingContext::parent());
  32. }
  33. InlineFormattingContext::AvailableSpaceForLineInfo InlineFormattingContext::available_space_for_line(float y) const
  34. {
  35. // NOTE: Floats are relative to the BFC root box, not necessarily the containing block of this IFC.
  36. auto box_in_root_rect = margin_box_rect_in_ancestor_coordinate_space(containing_block(), parent().root(), m_state);
  37. float y_in_root = box_in_root_rect.y() + y;
  38. AvailableSpaceForLineInfo info;
  39. auto const& bfc = parent();
  40. for (ssize_t i = bfc.left_side_floats().boxes.size() - 1; i >= 0; --i) {
  41. auto const& floating_box = bfc.left_side_floats().boxes.at(i);
  42. auto rect = margin_box_rect_in_ancestor_coordinate_space(floating_box, parent().root(), m_state);
  43. if (rect.contains_vertically(y_in_root)) {
  44. info.left = rect.right() + 1;
  45. break;
  46. }
  47. }
  48. info.right = m_state.get(containing_block()).content_width;
  49. for (ssize_t i = bfc.right_side_floats().boxes.size() - 1; i >= 0; --i) {
  50. auto const& floating_box = bfc.right_side_floats().boxes.at(i);
  51. auto rect = margin_box_rect_in_ancestor_coordinate_space(floating_box, parent().root(), m_state);
  52. if (rect.contains_vertically(y_in_root)) {
  53. info.right = rect.left();
  54. break;
  55. }
  56. }
  57. return info;
  58. }
  59. void InlineFormattingContext::run(Box const&, LayoutMode layout_mode)
  60. {
  61. VERIFY(containing_block().children_are_inline());
  62. generate_line_boxes(layout_mode);
  63. float min_line_height = containing_block().line_height();
  64. float max_line_width = 0;
  65. float content_height = 0;
  66. for (auto& line_box : m_state.get(containing_block()).line_boxes) {
  67. float max_height = min_line_height;
  68. for (auto& fragment : line_box.fragments()) {
  69. max_height = max(max_height, fragment.border_box_height());
  70. }
  71. max_line_width = max(max_line_width, line_box.width());
  72. content_height += max_height;
  73. }
  74. auto& containing_block_state = m_state.get_mutable(containing_block());
  75. if (layout_mode != LayoutMode::Default) {
  76. containing_block_state.content_width = max_line_width;
  77. }
  78. containing_block_state.content_height = content_height;
  79. }
  80. void InlineFormattingContext::dimension_box_on_line(Box const& box, LayoutMode layout_mode)
  81. {
  82. auto width_of_containing_block = CSS::Length::make_px(m_state.get(containing_block()).content_width);
  83. auto& box_state = m_state.get_mutable(box);
  84. auto const& computed_values = box.computed_values();
  85. box_state.margin_left = computed_values.margin().left.resolved(box, width_of_containing_block).to_px(box);
  86. box_state.border_left = computed_values.border_left().width;
  87. box_state.padding_left = computed_values.padding().left.resolved(box, width_of_containing_block).to_px(box);
  88. box_state.margin_right = computed_values.margin().right.resolved(box, width_of_containing_block).to_px(box);
  89. box_state.border_right = computed_values.border_right().width;
  90. box_state.padding_right = computed_values.padding().right.resolved(box, width_of_containing_block).to_px(box);
  91. box_state.padding_top = computed_values.padding().top.resolved(box, width_of_containing_block).to_px(box);
  92. box_state.padding_bottom = computed_values.padding().bottom.resolved(box, width_of_containing_block).to_px(box);
  93. box_state.margin_top = computed_values.margin().top.resolved(box, width_of_containing_block).to_px(box);
  94. box_state.margin_bottom = computed_values.margin().bottom.resolved(box, width_of_containing_block).to_px(box);
  95. if (is<ReplacedBox>(box)) {
  96. auto& replaced = verify_cast<ReplacedBox>(box);
  97. box_state.content_width = compute_width_for_replaced_element(m_state, replaced);
  98. box_state.content_height = compute_height_for_replaced_element(m_state, replaced);
  99. return;
  100. }
  101. if (box.is_inline_block()) {
  102. auto const& inline_block = verify_cast<BlockContainer>(box);
  103. auto const& containing_block_state = m_state.get(containing_block());
  104. auto& width_value = inline_block.computed_values().width();
  105. if (!width_value.has_value() || (width_value->is_length() && width_value->length().is_auto())) {
  106. auto result = calculate_shrink_to_fit_widths(inline_block);
  107. auto available_width = 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.content_width = width;
  116. } else {
  117. auto container_width = CSS::Length::make_px(containing_block_state.content_width);
  118. box_state.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.has_value() || (height_value->is_length() && height_value->length().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(containing_block_state.content_height);
  127. box_state.content_height = height_value->resolved(box, container_height).to_px(inline_block);
  128. }
  129. independent_formatting_context->parent_context_did_dimension_child_root_box();
  130. return;
  131. }
  132. // Non-replaced, non-inline-block, box on a line!?
  133. // I don't think we should be here. Dump the box tree so we can take a look at it.
  134. dbgln("FIXME: I've been asked to dimension a non-replaced, non-inline-block box on a line:");
  135. dump_tree(box);
  136. }
  137. void InlineFormattingContext::apply_justification_to_fragments(FormattingState::NodeState const& containing_block_state, CSS::TextJustify text_justify, LineBox& line_box, bool is_last_line)
  138. {
  139. switch (text_justify) {
  140. case CSS::TextJustify::None:
  141. return;
  142. // FIXME: These two cases currently fall back to auto, handle them as well.
  143. case CSS::TextJustify::InterCharacter:
  144. case CSS::TextJustify::InterWord:
  145. case CSS::TextJustify::Auto:
  146. break;
  147. }
  148. float excess_horizontal_space = containing_block_state.content_width - line_box.width();
  149. // Only justify the text if the excess horizontal space is less than or
  150. // equal to 10%, or if we are not looking at the last line box.
  151. if (is_last_line && excess_horizontal_space / containing_block_state.content_width > text_justification_threshold)
  152. return;
  153. float excess_horizontal_space_including_whitespace = excess_horizontal_space;
  154. size_t whitespace_count = 0;
  155. for (auto& fragment : line_box.fragments()) {
  156. if (fragment.is_justifiable_whitespace()) {
  157. ++whitespace_count;
  158. excess_horizontal_space_including_whitespace += fragment.width();
  159. }
  160. }
  161. float justified_space_width = whitespace_count > 0 ? (excess_horizontal_space_including_whitespace / static_cast<float>(whitespace_count)) : 0;
  162. // This is the amount that each fragment will be offset by. If a whitespace
  163. // fragment is shorter than the justified space width, it increases to push
  164. // subsequent fragments, and decreases to pull them back otherwise.
  165. float running_diff = 0;
  166. for (size_t i = 0; i < line_box.fragments().size(); ++i) {
  167. auto& fragment = line_box.fragments()[i];
  168. auto offset = fragment.offset();
  169. offset.translate_by(running_diff, 0);
  170. fragment.set_offset(offset);
  171. if (fragment.is_justifiable_whitespace()
  172. && fragment.width() != justified_space_width) {
  173. running_diff += justified_space_width - fragment.width();
  174. fragment.set_width(justified_space_width);
  175. }
  176. }
  177. }
  178. void InlineFormattingContext::generate_line_boxes(LayoutMode layout_mode)
  179. {
  180. auto& containing_block_state = m_state.get_mutable(containing_block());
  181. auto& line_boxes = containing_block_state.line_boxes;
  182. line_boxes.clear_with_capacity();
  183. InlineLevelIterator iterator(*this, m_state, containing_block(), layout_mode);
  184. LineBuilder line_builder(*this, m_state);
  185. for (;;) {
  186. auto item_opt = iterator.next(line_builder.available_width_for_current_line());
  187. if (!item_opt.has_value())
  188. break;
  189. auto& item = item_opt.value();
  190. // Ignore collapsible whitespace chunks at the start of line, and if the last fragment already ends in whitespace.
  191. if (item.is_collapsible_whitespace && line_boxes.last().is_empty_or_ends_in_whitespace())
  192. continue;
  193. switch (item.type) {
  194. case InlineLevelIterator::Item::Type::ForcedBreak:
  195. line_builder.break_line();
  196. break;
  197. case InlineLevelIterator::Item::Type::Element: {
  198. auto& box = verify_cast<Layout::Box>(*item.node);
  199. line_builder.break_if_needed(layout_mode, item.border_box_width(), item.should_force_break);
  200. line_builder.append_box(box, item.border_start + item.padding_start, item.padding_end + item.border_end, item.margin_start, item.margin_end);
  201. break;
  202. }
  203. case InlineLevelIterator::Item::Type::AbsolutelyPositionedElement:
  204. if (is<Box>(*item.node))
  205. parent().add_absolutely_positioned_box(static_cast<Layout::Box const&>(*item.node));
  206. break;
  207. case InlineLevelIterator::Item::Type::Text: {
  208. auto& text_node = verify_cast<Layout::TextNode>(*item.node);
  209. line_builder.break_if_needed(layout_mode, item.border_box_width(), item.should_force_break);
  210. line_builder.append_text_chunk(
  211. text_node,
  212. item.offset_in_node,
  213. item.length_in_node,
  214. item.border_start + item.padding_start,
  215. item.padding_end + item.border_end,
  216. item.margin_start,
  217. item.margin_end,
  218. item.width,
  219. text_node.computed_values().font_size());
  220. break;
  221. }
  222. }
  223. }
  224. for (auto& line_box : line_boxes) {
  225. line_box.trim_trailing_whitespace();
  226. }
  227. line_builder.remove_last_line_if_empty();
  228. auto const& containing_block = this->containing_block();
  229. auto text_align = containing_block.computed_values().text_align();
  230. auto text_justify = containing_block.computed_values().text_justify();
  231. if (text_align == CSS::TextAlign::Justify) {
  232. auto const& containing_block_state = m_state.get(containing_block);
  233. for (size_t i = 0; i < line_boxes.size(); i++) {
  234. auto& line_box = line_boxes[i];
  235. auto is_last_line = i == line_boxes.size() - 1;
  236. apply_justification_to_fragments(containing_block_state, text_justify, line_box, is_last_line);
  237. }
  238. }
  239. }
  240. }