LayoutDetails.cpp 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579
  1. /*
  2. * This source file is part of RmlUi, the HTML/CSS Interface Middleware
  3. *
  4. * For the latest information, see http://github.com/mikke89/RmlUi
  5. *
  6. * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd
  7. * Copyright (c) 2019-2023 The RmlUi Team, and contributors
  8. *
  9. * Permission is hereby granted, free of charge, to any person obtaining a copy
  10. * of this software and associated documentation files (the "Software"), to deal
  11. * in the Software without restriction, including without limitation the rights
  12. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13. * copies of the Software, and to permit persons to whom the Software is
  14. * furnished to do so, subject to the following conditions:
  15. *
  16. * The above copyright notice and this permission notice shall be included in
  17. * all copies or substantial portions of the Software.
  18. *
  19. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25. * THE SOFTWARE.
  26. *
  27. */
  28. #include "LayoutDetails.h"
  29. #include "../../../Include/RmlUi/Core/ComputedValues.h"
  30. #include "../../../Include/RmlUi/Core/Element.h"
  31. #include "../../../Include/RmlUi/Core/ElementScroll.h"
  32. #include "../../../Include/RmlUi/Core/ElementText.h"
  33. #include "../../../Include/RmlUi/Core/Math.h"
  34. #include "../../../Include/RmlUi/Core/Profiling.h"
  35. #include "ContainerBox.h"
  36. #include "FormattingContext.h"
  37. #include "LayoutEngine.h"
  38. #include <float.h>
  39. namespace Rml {
  40. // Convert width or height of a border box to the width or height of its corresponding content box.
  41. static inline float BorderSizeToContentSize(float border_size, float border_padding_edges_size)
  42. {
  43. if (border_size < 0.0f || border_size >= FLT_MAX)
  44. return border_size;
  45. return Math::Max(0.0f, border_size - border_padding_edges_size);
  46. }
  47. void LayoutDetails::BuildBox(Box& box, Vector2f containing_block, Element* element, BuildBoxMode box_context)
  48. {
  49. if (!element)
  50. {
  51. box.SetContent(containing_block);
  52. return;
  53. }
  54. const ComputedValues& computed = element->GetComputedValues();
  55. // Calculate the padding area.
  56. box.SetEdge(BoxArea::Padding, BoxEdge::Top, Math::Max(0.0f, ResolveValue(computed.padding_top(), containing_block.x)));
  57. box.SetEdge(BoxArea::Padding, BoxEdge::Right, Math::Max(0.0f, ResolveValue(computed.padding_right(), containing_block.x)));
  58. box.SetEdge(BoxArea::Padding, BoxEdge::Bottom, Math::Max(0.0f, ResolveValue(computed.padding_bottom(), containing_block.x)));
  59. box.SetEdge(BoxArea::Padding, BoxEdge::Left, Math::Max(0.0f, ResolveValue(computed.padding_left(), containing_block.x)));
  60. // Calculate the border area.
  61. box.SetEdge(BoxArea::Border, BoxEdge::Top, Math::Max(0.0f, computed.border_top_width()));
  62. box.SetEdge(BoxArea::Border, BoxEdge::Right, Math::Max(0.0f, computed.border_right_width()));
  63. box.SetEdge(BoxArea::Border, BoxEdge::Bottom, Math::Max(0.0f, computed.border_bottom_width()));
  64. box.SetEdge(BoxArea::Border, BoxEdge::Left, Math::Max(0.0f, computed.border_left_width()));
  65. // Prepare sizing of the content area.
  66. Vector2f content_area(-1, -1);
  67. Vector2f min_size = Vector2f(0, 0);
  68. Vector2f max_size = Vector2f(FLT_MAX, FLT_MAX);
  69. // Intrinsic size for replaced elements.
  70. Vector2f intrinsic_size(-1, -1);
  71. float intrinsic_ratio = -1;
  72. const bool replaced_element = element->GetIntrinsicDimensions(intrinsic_size, intrinsic_ratio);
  73. // Calculate the content area and constraints. 'auto' width and height are handled later.
  74. // For inline non-replaced elements, width and height are ignored, so we can skip the calculations.
  75. if (box_context == BuildBoxMode::Block || box_context == BuildBoxMode::UnalignedBlock || replaced_element)
  76. {
  77. content_area.x = ResolveValueOr(computed.width(), containing_block.x, -1.f);
  78. content_area.y = ResolveValueOr(computed.height(), containing_block.y, -1.f);
  79. min_size = Vector2f{
  80. ResolveValueOr(computed.min_width(), containing_block.x, 0.f),
  81. ResolveValueOr(computed.min_height(), containing_block.y, 0.f),
  82. };
  83. max_size = Vector2f{
  84. ResolveValueOr(computed.max_width(), containing_block.x, FLT_MAX),
  85. ResolveValueOr(computed.max_height(), containing_block.y, FLT_MAX),
  86. };
  87. // Adjust sizes for the given box sizing model.
  88. if (computed.box_sizing() == Style::BoxSizing::BorderBox)
  89. {
  90. const float border_padding_width = box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Border, BoxArea::Padding);
  91. const float border_padding_height = box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Border, BoxArea::Padding);
  92. min_size.x = BorderSizeToContentSize(min_size.x, border_padding_width);
  93. max_size.x = BorderSizeToContentSize(max_size.x, border_padding_width);
  94. content_area.x = BorderSizeToContentSize(content_area.x, border_padding_width);
  95. min_size.y = BorderSizeToContentSize(min_size.y, border_padding_height);
  96. max_size.y = BorderSizeToContentSize(max_size.y, border_padding_height);
  97. content_area.y = BorderSizeToContentSize(content_area.y, border_padding_height);
  98. }
  99. if (content_area.x >= 0)
  100. content_area.x = Math::Clamp(content_area.x, min_size.x, max_size.x);
  101. if (content_area.y >= 0)
  102. content_area.y = Math::Clamp(content_area.y, min_size.y, max_size.y);
  103. if (replaced_element)
  104. content_area = CalculateSizeForReplacedElement(content_area, min_size, max_size, intrinsic_size, intrinsic_ratio);
  105. }
  106. box.SetContent(content_area);
  107. // Evaluate the margins, and width and height if they are auto.
  108. BuildBoxSizeAndMargins(box, min_size, max_size, containing_block, element, box_context, replaced_element);
  109. }
  110. void LayoutDetails::GetMinMaxWidth(float& min_width, float& max_width, const ComputedValues& computed, const Box& box, float containing_block_width)
  111. {
  112. min_width = ResolveValueOr(computed.min_width(), containing_block_width, 0.f);
  113. max_width = ResolveValueOr(computed.max_width(), containing_block_width, FLT_MAX);
  114. if (computed.box_sizing() == Style::BoxSizing::BorderBox)
  115. {
  116. const float border_padding_width = box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Border, BoxArea::Padding);
  117. min_width = BorderSizeToContentSize(min_width, border_padding_width);
  118. max_width = BorderSizeToContentSize(max_width, border_padding_width);
  119. }
  120. }
  121. void LayoutDetails::GetMinMaxHeight(float& min_height, float& max_height, const ComputedValues& computed, const Box& box,
  122. float containing_block_height)
  123. {
  124. min_height = ResolveValueOr(computed.min_height(), containing_block_height, 0.f);
  125. max_height = ResolveValueOr(computed.max_height(), containing_block_height, FLT_MAX);
  126. if (computed.box_sizing() == Style::BoxSizing::BorderBox)
  127. {
  128. const float border_padding_height = box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Border, BoxArea::Padding);
  129. min_height = BorderSizeToContentSize(min_height, border_padding_height);
  130. max_height = BorderSizeToContentSize(max_height, border_padding_height);
  131. }
  132. }
  133. void LayoutDetails::GetDefiniteMinMaxHeight(float& min_height, float& max_height, const ComputedValues& computed, const Box& box,
  134. float containing_block_height)
  135. {
  136. const float box_height = box.GetSize().y;
  137. if (box_height < 0)
  138. {
  139. GetMinMaxHeight(min_height, max_height, computed, box, containing_block_height);
  140. }
  141. else
  142. {
  143. min_height = box_height;
  144. max_height = box_height;
  145. }
  146. }
  147. ContainingBlock LayoutDetails::GetContainingBlock(ContainerBox* parent_container, const Style::Position position)
  148. {
  149. RMLUI_ASSERT(parent_container);
  150. using Style::Position;
  151. ContainerBox* container = parent_container;
  152. BoxArea area = BoxArea::Content;
  153. // For absolutely positioned boxes we look for the first positioned ancestor. We deviate from the CSS specs by using
  154. // the same rules for fixed boxes, as that is particularly helpful on handles and other widgets that should not
  155. // scroll with the window. This is a common design pattern in target applications for this library, although this
  156. // behavior may be reconsidered in the future.
  157. if (position == Position::Absolute || position == Position::Fixed)
  158. {
  159. area = BoxArea::Padding;
  160. auto EstablishesAbsoluteContainingBlock = [](const ContainerBox* container) -> bool {
  161. return container->GetPositionProperty() != Position::Static || container->HasLocalTransformOrPerspective();
  162. };
  163. while (!EstablishesAbsoluteContainingBlock(container) && container->GetParent())
  164. container = container->GetParent();
  165. }
  166. const Box* box = container->GetIfBox();
  167. if (!box)
  168. {
  169. RMLUI_ERROR;
  170. return {container, {}};
  171. }
  172. Vector2f containing_block = box->GetSize(area);
  173. if (position == Position::Static || position == Position::Relative)
  174. {
  175. // For static elements we subtract the scrollbar size so that elements normally don't overlap their parent's
  176. // scrollbars. In CSS, this would also be done for absolutely positioned elements, we might want to copy that
  177. // behavior in the future. If so, we would also need to change the element offset behavior, and ideally also
  178. // make positioned boxes contribute to the scrollable area.
  179. if (Element* element = container->GetElement())
  180. {
  181. ElementScroll* element_scroll = element->GetElementScroll();
  182. if (containing_block.x >= 0.f)
  183. containing_block.x = Math::Max(containing_block.x - element_scroll->GetScrollbarSize(ElementScroll::VERTICAL), 0.f);
  184. if (containing_block.y >= 0.f)
  185. containing_block.y = Math::Max(containing_block.y - element_scroll->GetScrollbarSize(ElementScroll::HORIZONTAL), 0.f);
  186. }
  187. }
  188. return {container, containing_block};
  189. }
  190. void LayoutDetails::BuildBoxSizeAndMargins(Box& box, Vector2f min_size, Vector2f max_size, Vector2f containing_block, Element* element,
  191. BuildBoxMode box_context, bool replaced_element)
  192. {
  193. const ComputedValues& computed = element->GetComputedValues();
  194. if (box_context == BuildBoxMode::Inline || box_context == BuildBoxMode::UnalignedBlock)
  195. {
  196. // For inline elements, their calculations are straightforward. No worrying about auto margins and dimensions, etc.
  197. // Evaluate the margins. Any declared as 'auto' will resolve to 0.
  198. box.SetEdge(BoxArea::Margin, BoxEdge::Top, ResolveValue(computed.margin_top(), containing_block.x));
  199. box.SetEdge(BoxArea::Margin, BoxEdge::Right, ResolveValue(computed.margin_right(), containing_block.x));
  200. box.SetEdge(BoxArea::Margin, BoxEdge::Bottom, ResolveValue(computed.margin_bottom(), containing_block.x));
  201. box.SetEdge(BoxArea::Margin, BoxEdge::Left, ResolveValue(computed.margin_left(), containing_block.x));
  202. }
  203. else
  204. {
  205. // The element is block, so we need to run the box through the ringer to potentially evaluate auto margins and dimensions.
  206. BuildBoxWidth(box, computed, min_size.x, max_size.x, containing_block, element, replaced_element);
  207. BuildBoxHeight(box, computed, min_size.y, max_size.y, containing_block.y);
  208. }
  209. }
  210. float LayoutDetails::GetShrinkToFitWidth(Element* element, Vector2f containing_block)
  211. {
  212. RMLUI_ASSERT(element);
  213. // @performance Can we lay out the elements directly using a fit-content size mode, instead of fetching the
  214. // shrink-to-fit width first? Use a non-definite placeholder for the box content width, and available width as a
  215. // maximum constraint.
  216. Box box;
  217. float min_height, max_height;
  218. LayoutDetails::BuildBox(box, containing_block, element, BuildBoxMode::UnalignedBlock);
  219. LayoutDetails::GetDefiniteMinMaxHeight(min_height, max_height, element->GetComputedValues(), box, containing_block.y);
  220. // Currently we don't support shrink-to-fit width for flexboxes or tables. Just return a zero-sized width.
  221. const Style::Display display = element->GetDisplay();
  222. if (display == Style::Display::Flex || display == Style::Display::InlineFlex || display == Style::Display::Table ||
  223. display == Style::Display::InlineTable)
  224. return 0.f;
  225. // Use a large size for the box content width, so that it is practically unconstrained. This makes the formatting
  226. // procedure act as if under a maximum content constraint. Children with percentage sizing values may be scaled
  227. // based on this width (such as 'width' or 'margin'), if so, the layout is considered undefined like in CSS 2.
  228. const float max_content_constraint_width = containing_block.x + 1000.f;
  229. box.SetContent({max_content_constraint_width, box.GetSize().y});
  230. // First, format the element under the above generated box. Then we ask the resulting box for its shrink-to-fit
  231. // width. For block containers, this is essentially its largest line or child box.
  232. // @performance. Some formatting can be simplified, e.g. absolute elements do not contribute to the shrink-to-fit
  233. // width. Also, children of elements with a fixed width and height don't need to be formatted further.
  234. RootBox root(Math::Max(containing_block, Vector2f(0.f)));
  235. UniquePtr<LayoutBox> layout_box = FormattingContext::FormatIndependent(&root, element, &box, FormattingContextType::Block);
  236. const float available_width = Math::Max(0.f, containing_block.x - box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin, BoxArea::Padding));
  237. return Math::Min(available_width, layout_box->GetShrinkToFitWidth());
  238. }
  239. ComputedAxisSize LayoutDetails::BuildComputedHorizontalSize(const ComputedValues& computed)
  240. {
  241. return ComputedAxisSize{computed.width(), computed.min_width(), computed.max_width(), computed.padding_left(), computed.padding_right(),
  242. computed.margin_left(), computed.margin_right(), computed.border_left_width(), computed.border_right_width(), computed.box_sizing()};
  243. }
  244. ComputedAxisSize LayoutDetails::BuildComputedVerticalSize(const ComputedValues& computed)
  245. {
  246. return ComputedAxisSize{computed.height(), computed.min_height(), computed.max_height(), computed.padding_top(), computed.padding_bottom(),
  247. computed.margin_top(), computed.margin_bottom(), computed.border_top_width(), computed.border_bottom_width(), computed.box_sizing()};
  248. }
  249. void LayoutDetails::GetEdgeSizes(float& margin_a, float& margin_b, float& padding_border_a, float& padding_border_b,
  250. const ComputedAxisSize& computed_size, const float base_value)
  251. {
  252. margin_a = ResolveValue(computed_size.margin_a, base_value);
  253. margin_b = ResolveValue(computed_size.margin_b, base_value);
  254. padding_border_a = Math::Max(0.0f, ResolveValue(computed_size.padding_a, base_value)) + Math::Max(0.0f, computed_size.border_a);
  255. padding_border_b = Math::Max(0.0f, ResolveValue(computed_size.padding_b, base_value)) + Math::Max(0.0f, computed_size.border_b);
  256. }
  257. String LayoutDetails::GetDebugElementName(Element* element)
  258. {
  259. if (!element)
  260. return "nullptr";
  261. if (!element->GetId().empty())
  262. return '#' + element->GetId();
  263. if (auto element_text = rmlui_dynamic_cast<ElementText*>(element))
  264. return '\"' + StringUtilities::StripWhitespace(element_text->GetText()).substr(0, 20) + '\"';
  265. return element->GetAddress(false, false);
  266. }
  267. Vector2f LayoutDetails::CalculateSizeForReplacedElement(const Vector2f specified_content_size, const Vector2f min_size, const Vector2f max_size,
  268. const Vector2f intrinsic_size, const float intrinsic_ratio)
  269. {
  270. // Start with the element's specified width and height. If any of them are auto, use the element's intrinsic
  271. // dimensions and ratio to find a suitable content size.
  272. Vector2f content_size = specified_content_size;
  273. const bool auto_width = (content_size.x < 0);
  274. const bool auto_height = (content_size.y < 0);
  275. if (auto_width)
  276. content_size.x = intrinsic_size.x;
  277. if (auto_height)
  278. content_size.y = intrinsic_size.y;
  279. // Use a fallback size if we still couldn't determine the size.
  280. if (content_size.x < 0)
  281. content_size.x = 300;
  282. if (content_size.y < 0)
  283. content_size.y = 150;
  284. // Resolve the size constraints.
  285. const float min_width = min_size.x;
  286. const float max_width = max_size.x;
  287. const float min_height = min_size.y;
  288. const float max_height = max_size.y;
  289. // If we have an intrinsic ratio and one of the dimensions is 'auto', then scale it such that the ratio is preserved.
  290. if (intrinsic_ratio > 0)
  291. {
  292. if (auto_width && !auto_height)
  293. {
  294. content_size.x = content_size.y * intrinsic_ratio;
  295. }
  296. else if (auto_height && !auto_width)
  297. {
  298. content_size.y = content_size.x / intrinsic_ratio;
  299. }
  300. else if (auto_width && auto_height)
  301. {
  302. // If both width and height are auto, try to preserve the ratio under the respective min/max constraints.
  303. const float w = content_size.x;
  304. const float h = content_size.y;
  305. if ((w < min_width && h > max_height) || (w > max_width && h < min_height))
  306. {
  307. // Cannot preserve aspect ratio, let it be clamped.
  308. }
  309. else if (w < min_width && h < min_height)
  310. {
  311. // Increase the size such that both min-constraints are respected. The non-scaled axis will
  312. // be clamped below, preserving the aspect ratio.
  313. if (min_width <= min_height * intrinsic_ratio)
  314. content_size.x = min_height * intrinsic_ratio;
  315. else
  316. content_size.y = min_width / intrinsic_ratio;
  317. }
  318. else if (w > max_width && h > max_height)
  319. {
  320. // Shrink the size such that both max-constraints are respected. The non-scaled axis will
  321. // be clamped below, preserving the aspect ratio.
  322. if (max_width <= max_height * intrinsic_ratio)
  323. content_size.y = max_width / intrinsic_ratio;
  324. else
  325. content_size.x = max_height * intrinsic_ratio;
  326. }
  327. else
  328. {
  329. // Single constraint violations.
  330. if (w < min_width)
  331. content_size.y = min_width / intrinsic_ratio;
  332. else if (w > max_width)
  333. content_size.y = max_width / intrinsic_ratio;
  334. else if (h < min_height)
  335. content_size.x = min_height * intrinsic_ratio;
  336. else if (h > max_height)
  337. content_size.x = max_height * intrinsic_ratio;
  338. }
  339. }
  340. }
  341. content_size.x = Math::Clamp(content_size.x, min_width, max_width);
  342. content_size.y = Math::Clamp(content_size.y, min_height, max_height);
  343. return content_size;
  344. }
  345. void LayoutDetails::BuildBoxWidth(Box& box, const ComputedValues& computed, float min_width, float max_width, Vector2f containing_block,
  346. Element* element, bool replaced_element, float override_shrink_to_fit_width)
  347. {
  348. RMLUI_ZoneScoped;
  349. Vector2f content_area = box.GetSize();
  350. // Determine if the element has automatic margins.
  351. bool margins_auto[2];
  352. int num_auto_margins = 0;
  353. for (int i = 0; i < 2; ++i)
  354. {
  355. const Style::Margin margin_value = (i == 0 ? computed.margin_left() : computed.margin_right());
  356. if (margin_value.type == Style::Margin::Auto)
  357. {
  358. margins_auto[i] = true;
  359. num_auto_margins++;
  360. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Left : BoxEdge::Right, 0);
  361. }
  362. else
  363. {
  364. margins_auto[i] = false;
  365. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Left : BoxEdge::Right, ResolveValue(margin_value, containing_block.x));
  366. }
  367. }
  368. const bool absolutely_positioned = (computed.position() == Style::Position::Absolute || computed.position() == Style::Position::Fixed);
  369. const bool inset_auto = (computed.left().type == Style::Left::Auto || computed.right().type == Style::Right::Auto);
  370. const bool width_auto = (content_area.x < 0);
  371. auto GetInsetWidth = [&] {
  372. // For absolutely positioned elements (and only those), the 'left' and 'right' values are part of the box's width constraint.
  373. if (absolutely_positioned)
  374. return ResolveValue(computed.left(), containing_block.x) + ResolveValue(computed.right(), containing_block.x);
  375. return 0.f;
  376. };
  377. // If the width is set to auto, we need to calculate the width.
  378. if (width_auto)
  379. {
  380. // Apply the shrink-to-fit algorithm here to find the width of the element.
  381. // See CSS 2.1 section 10.3.7 for when this should be applied.
  382. const bool shrink_to_fit = !replaced_element &&
  383. ((computed.float_() != Style::Float::None) || (absolutely_positioned && inset_auto) ||
  384. (computed.display() == Style::Display::InlineBlock));
  385. if (!shrink_to_fit)
  386. {
  387. // The width is set to whatever remains of the containing block.
  388. content_area.x = containing_block.x - (GetInsetWidth() + box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin, BoxArea::Padding));
  389. content_area.x = Math::Max(0.0f, content_area.x);
  390. }
  391. else if (override_shrink_to_fit_width >= 0)
  392. {
  393. content_area.x = override_shrink_to_fit_width;
  394. }
  395. else
  396. {
  397. content_area.x = GetShrinkToFitWidth(element, containing_block);
  398. override_shrink_to_fit_width = content_area.x;
  399. }
  400. }
  401. // Otherwise, the margins that are set to auto will pick up the remaining width of the containing block.
  402. else if (num_auto_margins > 0)
  403. {
  404. const float margin =
  405. (containing_block.x - (GetInsetWidth() + box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin))) / float(num_auto_margins);
  406. if (margins_auto[0])
  407. box.SetEdge(BoxArea::Margin, BoxEdge::Left, margin);
  408. if (margins_auto[1])
  409. box.SetEdge(BoxArea::Margin, BoxEdge::Right, margin);
  410. }
  411. // Clamp the calculated width; if the width is changed by the clamp, then the margins need to be recalculated if
  412. // they were set to auto.
  413. const float clamped_width = Math::Clamp(content_area.x, min_width, max_width);
  414. if (clamped_width != content_area.x)
  415. {
  416. content_area.x = clamped_width;
  417. box.SetContent(content_area);
  418. if (num_auto_margins > 0)
  419. BuildBoxWidth(box, computed, min_width, max_width, containing_block, element, replaced_element, clamped_width);
  420. }
  421. else
  422. box.SetContent(content_area);
  423. }
  424. void LayoutDetails::BuildBoxHeight(Box& box, const ComputedValues& computed, float min_height, float max_height, float containing_block_height)
  425. {
  426. RMLUI_ZoneScoped;
  427. Vector2f content_area = box.GetSize();
  428. // Determine if the element has automatic margins.
  429. bool margins_auto[2];
  430. int num_auto_margins = 0;
  431. for (int i = 0; i < 2; ++i)
  432. {
  433. const Style::Margin margin_value = (i == 0 ? computed.margin_top() : computed.margin_bottom());
  434. if (margin_value.type == Style::Margin::Auto)
  435. {
  436. margins_auto[i] = true;
  437. num_auto_margins++;
  438. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Top : BoxEdge::Bottom, 0);
  439. }
  440. else
  441. {
  442. margins_auto[i] = false;
  443. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Top : BoxEdge::Bottom, ResolveValue(margin_value, containing_block_height));
  444. }
  445. }
  446. const bool absolutely_positioned = (computed.position() == Style::Position::Absolute || computed.position() == Style::Position::Fixed);
  447. const bool inset_auto = (computed.top().type == Style::Top::Auto || computed.bottom().type == Style::Bottom::Auto);
  448. const bool height_auto = (content_area.y < 0);
  449. auto GetInsetHeight = [&] {
  450. // For absolutely positioned elements (and only those), the 'top' and 'bottom' values are part of the box's height constraint.
  451. if (absolutely_positioned)
  452. return ResolveValue(computed.top(), containing_block_height) + ResolveValue(computed.bottom(), containing_block_height);
  453. return 0.f;
  454. };
  455. // If the height is set to auto, we need to calculate the height.
  456. if (height_auto)
  457. {
  458. // If the height is set to auto for a box in normal flow, the height is set to -1, representing indefinite height.
  459. content_area.y = -1;
  460. // But if we are dealing with an absolutely positioned element we need to consider if the top and bottom
  461. // properties are set, since the height can be affected.
  462. if (absolutely_positioned && !inset_auto)
  463. {
  464. // The height is set to whatever remains of the containing block.
  465. content_area.y =
  466. containing_block_height - (GetInsetHeight() + box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Margin, BoxArea::Padding));
  467. content_area.y = Math::Max(0.0f, content_area.y);
  468. }
  469. }
  470. // Otherwise, the margins that are set to auto will pick up the remaining height of the containing block.
  471. else if (num_auto_margins > 0)
  472. {
  473. const float margin =
  474. (containing_block_height - (GetInsetHeight() + box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Margin))) / float(num_auto_margins);
  475. if (margins_auto[0])
  476. box.SetEdge(BoxArea::Margin, BoxEdge::Top, margin);
  477. if (margins_auto[1])
  478. box.SetEdge(BoxArea::Margin, BoxEdge::Bottom, margin);
  479. }
  480. if (content_area.y >= 0)
  481. {
  482. // Clamp the calculated height; if the height is changed by the clamp, then the margins need to be recalculated if
  483. // they were set to auto.
  484. float clamped_height = Math::Clamp(content_area.y, min_height, max_height);
  485. if (clamped_height != content_area.y)
  486. {
  487. content_area.y = clamped_height;
  488. box.SetContent(content_area);
  489. if (num_auto_margins > 0)
  490. BuildBoxHeight(box, computed, min_height, max_height, containing_block_height);
  491. return;
  492. }
  493. }
  494. box.SetContent(content_area);
  495. }
  496. } // namespace Rml