FlexFormattingContext.h 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. /*
  2. * Copyright (c) 2021, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #pragma once
  7. #include <LibWeb/Layout/Box.h>
  8. #include <LibWeb/Layout/FormattingContext.h>
  9. namespace Web::Layout {
  10. class FlexFormattingContext final : public FormattingContext {
  11. public:
  12. FlexFormattingContext(LayoutState&, Box const& flex_container, FormattingContext* parent);
  13. ~FlexFormattingContext();
  14. virtual bool inhibits_floating() const override { return true; }
  15. virtual void run(Box const&, LayoutMode, AvailableSpace const&) override;
  16. virtual CSSPixels automatic_content_width() const override;
  17. virtual CSSPixels automatic_content_height() const override;
  18. Box const& flex_container() const { return context_box(); }
  19. virtual bool can_determine_size_of_child() const override;
  20. virtual void determine_width_of_child(Box const&, AvailableSpace const&) override;
  21. virtual void determine_height_of_child(Box const&, AvailableSpace const&) override;
  22. virtual CSSPixelPoint calculate_static_position(Box const&) const override;
  23. private:
  24. [[nodiscard]] bool should_treat_main_size_as_auto(Box const&) const;
  25. [[nodiscard]] bool should_treat_cross_size_as_auto(Box const&) const;
  26. void dump_items() const;
  27. struct DirectionAgnosticMargins {
  28. CSSPixels main_before { 0 };
  29. CSSPixels main_after { 0 };
  30. CSSPixels cross_before { 0 };
  31. CSSPixels cross_after { 0 };
  32. bool main_before_is_auto { false };
  33. bool main_after_is_auto { false };
  34. bool cross_before_is_auto { false };
  35. bool cross_after_is_auto { false };
  36. };
  37. struct FlexItem {
  38. JS::NonnullGCPtr<Box> box;
  39. CSS::FlexBasisData used_flex_basis {};
  40. bool used_flex_basis_is_definite { false };
  41. CSSPixels flex_base_size { 0 };
  42. CSSPixels hypothetical_main_size { 0 };
  43. CSSPixels hypothetical_cross_size { 0 };
  44. CSSPixels hypothetical_cross_size_with_margins() { return hypothetical_cross_size + margins.cross_before + margins.cross_after + borders.cross_after + borders.cross_before + padding.cross_after + padding.cross_before; }
  45. CSSPixels target_main_size { 0 };
  46. bool frozen { false };
  47. Optional<float> flex_factor {};
  48. float scaled_flex_shrink_factor { 0 };
  49. float desired_flex_fraction { 0 };
  50. CSSPixels outer_hypothetical_main_size() const
  51. {
  52. return hypothetical_main_size + margins.main_before + margins.main_after + borders.main_before + borders.main_after + padding.main_before + padding.main_after;
  53. }
  54. CSSPixels outer_target_main_size() const
  55. {
  56. return target_main_size + margins.main_before + margins.main_after + borders.main_before + borders.main_after + padding.main_before + padding.main_after;
  57. }
  58. CSSPixels outer_flex_base_size() const
  59. {
  60. return flex_base_size + margins.main_before + margins.main_after + borders.main_before + borders.main_after + padding.main_before + padding.main_after;
  61. }
  62. // The used main size of this flex item. Empty until determined.
  63. Optional<CSSPixels> main_size {};
  64. // The used cross size of this flex item. Empty until determined.
  65. Optional<CSSPixels> cross_size {};
  66. CSSPixels main_offset { 0 };
  67. CSSPixels cross_offset { 0 };
  68. DirectionAgnosticMargins margins {};
  69. DirectionAgnosticMargins borders {};
  70. DirectionAgnosticMargins padding {};
  71. bool is_min_violation { false };
  72. bool is_max_violation { false };
  73. CSSPixels add_main_margin_box_sizes(CSSPixels content_size) const
  74. {
  75. return content_size + margins.main_before + margins.main_after + borders.main_before + borders.main_after + padding.main_before + padding.main_after;
  76. }
  77. CSSPixels add_cross_margin_box_sizes(CSSPixels content_size) const
  78. {
  79. return content_size + margins.cross_before + margins.cross_after + borders.cross_before + borders.cross_after + padding.cross_before + padding.cross_after;
  80. }
  81. };
  82. struct FlexLine {
  83. Vector<FlexItem&> items;
  84. CSSPixels cross_size { 0 };
  85. CSSPixels remaining_free_space { 0 };
  86. float chosen_flex_fraction { 0 };
  87. float sum_of_flex_factor_of_unfrozen_items() const;
  88. float sum_of_scaled_flex_shrink_factor_of_unfrozen_items() const;
  89. };
  90. CSSPixels main_gap() const;
  91. CSSPixels cross_gap() const;
  92. bool has_definite_main_size(Box const&) const;
  93. bool has_definite_cross_size(Box const&) const;
  94. CSSPixels inner_main_size(Box const&) const;
  95. CSSPixels inner_cross_size(Box const&) const;
  96. CSSPixels resolved_definite_main_size(FlexItem const&) const;
  97. CSSPixels resolved_definite_cross_size(FlexItem const&) const;
  98. bool has_main_min_size(Box const&) const;
  99. bool has_cross_min_size(Box const&) const;
  100. CSSPixels specified_main_max_size(Box const&) const;
  101. CSSPixels specified_cross_max_size(Box const&) const;
  102. bool is_cross_auto(Box const&) const;
  103. CSSPixels specified_main_min_size(Box const&) const;
  104. CSSPixels specified_cross_min_size(Box const&) const;
  105. bool has_main_max_size(Box const&) const;
  106. bool has_cross_max_size(Box const&) const;
  107. CSSPixels automatic_minimum_size(FlexItem const&) const;
  108. CSSPixels content_based_minimum_size(FlexItem const&) const;
  109. Optional<CSSPixels> specified_size_suggestion(FlexItem const&) const;
  110. Optional<CSSPixels> transferred_size_suggestion(FlexItem const&) const;
  111. CSSPixels content_size_suggestion(FlexItem const&) const;
  112. CSS::Size const& computed_main_size(Box const&) const;
  113. CSS::Size const& computed_main_min_size(Box const&) const;
  114. CSS::Size const& computed_main_max_size(Box const&) const;
  115. CSS::Size const& computed_cross_size(Box const&) const;
  116. CSS::Size const& computed_cross_min_size(Box const&) const;
  117. CSS::Size const& computed_cross_max_size(Box const&) const;
  118. CSSPixels get_pixel_width(Box const&, CSS::Size const&) const;
  119. CSSPixels get_pixel_height(Box const&, CSS::Size const&) const;
  120. bool flex_item_is_stretched(FlexItem const&) const;
  121. void set_main_size(Box const&, CSSPixels size);
  122. void set_cross_size(Box const&, CSSPixels size);
  123. void set_offset(Box const&, CSSPixels main_offset, CSSPixels cross_offset);
  124. void set_main_axis_first_margin(FlexItem&, CSSPixels margin);
  125. void set_main_axis_second_margin(FlexItem&, CSSPixels margin);
  126. void copy_dimensions_from_flex_items_to_boxes();
  127. void generate_anonymous_flex_items();
  128. void determine_available_space_for_items(AvailableSpace const&);
  129. void determine_flex_base_size_and_hypothetical_main_size(FlexItem&);
  130. void determine_main_size_of_flex_container();
  131. void collect_flex_items_into_flex_lines();
  132. void resolve_flexible_lengths();
  133. void resolve_flexible_lengths_for_line(FlexLine&);
  134. void resolve_cross_axis_auto_margins();
  135. void determine_hypothetical_cross_size_of_item(FlexItem&, bool resolve_percentage_min_max_sizes);
  136. void calculate_cross_size_of_each_flex_line();
  137. void handle_align_content_stretch();
  138. CSS::AlignItems alignment_for_item(Box const&) const;
  139. void determine_used_cross_size_of_each_flex_item();
  140. void distribute_any_remaining_free_space();
  141. void align_all_flex_items_along_the_cross_axis();
  142. void determine_flex_container_used_cross_size();
  143. void align_all_flex_lines();
  144. bool is_row_layout() const { return m_flex_direction == CSS::FlexDirection::Row || m_flex_direction == CSS::FlexDirection::RowReverse; }
  145. bool is_single_line() const { return flex_container().computed_values().flex_wrap() == CSS::FlexWrap::Nowrap; }
  146. bool is_direction_reverse() const { return m_flex_direction == CSS::FlexDirection::ColumnReverse || m_flex_direction == CSS::FlexDirection::RowReverse; }
  147. void populate_specified_margins(FlexItem&, CSS::FlexDirection) const;
  148. void determine_intrinsic_size_of_flex_container();
  149. [[nodiscard]] CSSPixels calculate_intrinsic_main_size_of_flex_container();
  150. [[nodiscard]] CSSPixels calculate_intrinsic_cross_size_of_flex_container();
  151. [[nodiscard]] CSSPixels calculate_cross_min_content_contribution(FlexItem const&, bool resolve_percentage_min_max_sizes) const;
  152. [[nodiscard]] CSSPixels calculate_cross_max_content_contribution(FlexItem const&, bool resolve_percentage_min_max_sizes) const;
  153. [[nodiscard]] CSSPixels calculate_main_min_content_contribution(FlexItem const&) const;
  154. [[nodiscard]] CSSPixels calculate_main_max_content_contribution(FlexItem const&) const;
  155. [[nodiscard]] CSSPixels calculate_min_content_main_size(FlexItem const&) const;
  156. [[nodiscard]] CSSPixels calculate_max_content_main_size(FlexItem const&) const;
  157. [[nodiscard]] CSSPixels calculate_min_content_cross_size(FlexItem const&) const;
  158. [[nodiscard]] CSSPixels calculate_max_content_cross_size(FlexItem const&) const;
  159. [[nodiscard]] CSSPixels calculate_fit_content_main_size(FlexItem const&) const;
  160. [[nodiscard]] CSSPixels calculate_fit_content_cross_size(FlexItem const&) const;
  161. CSSPixels calculate_clamped_fit_content_width(Box const&, AvailableSpace const&) const;
  162. virtual void parent_context_did_dimension_child_root_box() override;
  163. CSS::FlexBasisData used_flex_basis_for_item(FlexItem const&) const;
  164. LayoutState::UsedValues& m_flex_container_state;
  165. Vector<FlexLine> m_flex_lines;
  166. Vector<FlexItem> m_flex_items;
  167. CSS::FlexDirection m_flex_direction {};
  168. struct AxisAgnosticAvailableSpace {
  169. AvailableSize main;
  170. AvailableSize cross;
  171. AvailableSpace space;
  172. };
  173. Optional<AxisAgnosticAvailableSpace> m_available_space_for_items;
  174. Optional<AxisAgnosticAvailableSpace> m_available_space_for_flex_container;
  175. };
  176. }