LayoutDetails.cpp 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  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. while (container->GetParent() && !container->IsAbsolutePositioningContainingBlock())
  161. container = container->GetParent();
  162. }
  163. const Box* box = container->GetIfBox();
  164. if (!box)
  165. {
  166. RMLUI_ERROR;
  167. return {container, {}};
  168. }
  169. Vector2f containing_block = box->GetSize(area);
  170. if (position == Position::Static || position == Position::Relative)
  171. {
  172. // For static elements we subtract the scrollbar size so that elements normally don't overlap their parent's
  173. // scrollbars. In CSS, this would also be done for absolutely positioned elements, we might want to copy that
  174. // behavior in the future. If so, we would also need to change the element offset behavior, and ideally also
  175. // make positioned boxes contribute to the scrollable area.
  176. if (Element* element = container->GetElement())
  177. {
  178. ElementScroll* element_scroll = element->GetElementScroll();
  179. if (containing_block.x >= 0.f)
  180. containing_block.x = Math::Max(containing_block.x - element_scroll->GetScrollbarSize(ElementScroll::VERTICAL), 0.f);
  181. if (containing_block.y >= 0.f)
  182. containing_block.y = Math::Max(containing_block.y - element_scroll->GetScrollbarSize(ElementScroll::HORIZONTAL), 0.f);
  183. }
  184. }
  185. return {container, containing_block};
  186. }
  187. void LayoutDetails::BuildBoxSizeAndMargins(Box& box, Vector2f min_size, Vector2f max_size, Vector2f containing_block, Element* element,
  188. BuildBoxMode box_context, bool replaced_element)
  189. {
  190. const ComputedValues& computed = element->GetComputedValues();
  191. if (box_context == BuildBoxMode::Inline || box_context == BuildBoxMode::UnalignedBlock)
  192. {
  193. // For inline elements, their calculations are straightforward. No worrying about auto margins and dimensions, etc.
  194. // Evaluate the margins. Any declared as 'auto' will resolve to 0.
  195. box.SetEdge(BoxArea::Margin, BoxEdge::Top, ResolveValue(computed.margin_top(), containing_block.x));
  196. box.SetEdge(BoxArea::Margin, BoxEdge::Right, ResolveValue(computed.margin_right(), containing_block.x));
  197. box.SetEdge(BoxArea::Margin, BoxEdge::Bottom, ResolveValue(computed.margin_bottom(), containing_block.x));
  198. box.SetEdge(BoxArea::Margin, BoxEdge::Left, ResolveValue(computed.margin_left(), containing_block.x));
  199. }
  200. else
  201. {
  202. // The element is block, so we need to run the box through the ringer to potentially evaluate auto margins and dimensions.
  203. BuildBoxWidth(box, computed, min_size.x, max_size.x, containing_block, element, replaced_element);
  204. BuildBoxHeight(box, computed, min_size.y, max_size.y, containing_block.y);
  205. }
  206. }
  207. float LayoutDetails::GetShrinkToFitWidth(Element* element, Vector2f containing_block)
  208. {
  209. RMLUI_ASSERT(element);
  210. // @performance Can we lay out the elements directly using a fit-content size mode, instead of fetching the
  211. // shrink-to-fit width first? Use a non-definite placeholder for the box content width, and available width as a
  212. // maximum constraint.
  213. Box box;
  214. float min_height, max_height;
  215. LayoutDetails::BuildBox(box, containing_block, element, BuildBoxMode::UnalignedBlock);
  216. LayoutDetails::GetDefiniteMinMaxHeight(min_height, max_height, element->GetComputedValues(), box, containing_block.y);
  217. if (box.GetSize().x >= 0.f)
  218. {
  219. return box.GetSize().x;
  220. }
  221. // Currently we don't support shrink-to-fit width for tables. Just return a zero-sized width.
  222. const Style::Display display = element->GetDisplay();
  223. if (display == Style::Display::Table || display == Style::Display::InlineTable)
  224. {
  225. return 0.f;
  226. }
  227. // Use a large size for the box content width, so that it is practically unconstrained. This makes the formatting
  228. // procedure act as if under a maximum content constraint. Children with percentage sizing values may be scaled
  229. // based on this width (such as 'width' or 'margin'), if so, the layout is considered undefined like in CSS 2.
  230. const float max_content_constraint_width = containing_block.x + 10000.f;
  231. box.SetContent({max_content_constraint_width, box.GetSize().y});
  232. // First, format the element under the above generated box. Then we ask the resulting box for its shrink-to-fit
  233. // width. For block containers, this is essentially its largest line or child box.
  234. // @performance. Some formatting can be simplified, e.g. absolute elements do not contribute to the shrink-to-fit
  235. // width. Also, children of elements with a fixed width and height don't need to be formatted further.
  236. RootBox root(Math::Max(containing_block, Vector2f(0.f)));
  237. UniquePtr<LayoutBox> layout_box = FormattingContext::FormatIndependent(&root, element, &box, FormattingContextType::Block);
  238. float shrink_to_fit_width = layout_box->GetShrinkToFitWidth();
  239. if (containing_block.x >= 0)
  240. {
  241. const float available_width =
  242. Math::Max(0.f, containing_block.x - box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin, BoxArea::Padding));
  243. shrink_to_fit_width = Math::Min(shrink_to_fit_width, available_width);
  244. }
  245. return shrink_to_fit_width;
  246. }
  247. ComputedAxisSize LayoutDetails::BuildComputedHorizontalSize(const ComputedValues& computed)
  248. {
  249. return ComputedAxisSize{computed.width(), computed.min_width(), computed.max_width(), computed.padding_left(), computed.padding_right(),
  250. computed.margin_left(), computed.margin_right(), computed.border_left_width(), computed.border_right_width(), computed.box_sizing()};
  251. }
  252. ComputedAxisSize LayoutDetails::BuildComputedVerticalSize(const ComputedValues& computed)
  253. {
  254. return ComputedAxisSize{computed.height(), computed.min_height(), computed.max_height(), computed.padding_top(), computed.padding_bottom(),
  255. computed.margin_top(), computed.margin_bottom(), computed.border_top_width(), computed.border_bottom_width(), computed.box_sizing()};
  256. }
  257. void LayoutDetails::GetEdgeSizes(float& margin_a, float& margin_b, float& padding_border_a, float& padding_border_b,
  258. const ComputedAxisSize& computed_size, const float base_value)
  259. {
  260. margin_a = ResolveValue(computed_size.margin_a, base_value);
  261. margin_b = ResolveValue(computed_size.margin_b, base_value);
  262. padding_border_a = Math::Max(0.0f, ResolveValue(computed_size.padding_a, base_value)) + Math::Max(0.0f, computed_size.border_a);
  263. padding_border_b = Math::Max(0.0f, ResolveValue(computed_size.padding_b, base_value)) + Math::Max(0.0f, computed_size.border_b);
  264. }
  265. String LayoutDetails::GetDebugElementName(Node* node)
  266. {
  267. if (!node)
  268. return "nullptr";
  269. if (AsIf<ElementText*>(node))
  270. return "#text";
  271. Element* element = As<Element*>(node);
  272. if (!element->GetId().empty())
  273. return '#' + element->GetId();
  274. if (auto element_text = rmlui_dynamic_cast<ElementText*>(element))
  275. return '\"' + StringUtilities::StripWhitespace(element_text->GetText()).substr(0, 20) + '\"';
  276. return element->GetAddress(false, false);
  277. }
  278. Vector2f LayoutDetails::CalculateSizeForReplacedElement(const Vector2f specified_content_size, const Vector2f min_size, const Vector2f max_size,
  279. const Vector2f intrinsic_size, const float intrinsic_ratio)
  280. {
  281. // Start with the element's specified width and height. If any of them are auto, use the element's intrinsic
  282. // dimensions and ratio to find a suitable content size.
  283. Vector2f content_size = specified_content_size;
  284. const bool auto_width = (content_size.x < 0);
  285. const bool auto_height = (content_size.y < 0);
  286. if (auto_width)
  287. content_size.x = intrinsic_size.x;
  288. if (auto_height)
  289. content_size.y = intrinsic_size.y;
  290. // Use a fallback size if we still couldn't determine the size.
  291. if (content_size.x < 0)
  292. content_size.x = 300;
  293. if (content_size.y < 0)
  294. content_size.y = 150;
  295. // Resolve the size constraints.
  296. const float min_width = min_size.x;
  297. const float max_width = max_size.x;
  298. const float min_height = min_size.y;
  299. const float max_height = max_size.y;
  300. // If we have an intrinsic ratio and one of the dimensions is 'auto', then scale it such that the ratio is preserved.
  301. if (intrinsic_ratio > 0)
  302. {
  303. if (auto_width && !auto_height)
  304. {
  305. content_size.x = content_size.y * intrinsic_ratio;
  306. }
  307. else if (auto_height && !auto_width)
  308. {
  309. content_size.y = content_size.x / intrinsic_ratio;
  310. }
  311. else if (auto_width && auto_height)
  312. {
  313. // If both width and height are auto, try to preserve the ratio under the respective min/max constraints.
  314. const float w = content_size.x;
  315. const float h = content_size.y;
  316. if ((w < min_width && h > max_height) || (w > max_width && h < min_height))
  317. {
  318. // Cannot preserve aspect ratio, let it be clamped.
  319. }
  320. else if (w < min_width && h < min_height)
  321. {
  322. // Increase the size such that both min-constraints are respected. The non-scaled axis will
  323. // be clamped below, preserving the aspect ratio.
  324. if (min_width <= min_height * intrinsic_ratio)
  325. content_size.x = min_height * intrinsic_ratio;
  326. else
  327. content_size.y = min_width / intrinsic_ratio;
  328. }
  329. else if (w > max_width && h > max_height)
  330. {
  331. // Shrink the size such that both max-constraints are respected. The non-scaled axis will
  332. // be clamped below, preserving the aspect ratio.
  333. if (max_width <= max_height * intrinsic_ratio)
  334. content_size.y = max_width / intrinsic_ratio;
  335. else
  336. content_size.x = max_height * intrinsic_ratio;
  337. }
  338. else
  339. {
  340. // Single constraint violations.
  341. if (w < min_width)
  342. content_size.y = min_width / intrinsic_ratio;
  343. else if (w > max_width)
  344. content_size.y = max_width / intrinsic_ratio;
  345. else if (h < min_height)
  346. content_size.x = min_height * intrinsic_ratio;
  347. else if (h > max_height)
  348. content_size.x = max_height * intrinsic_ratio;
  349. }
  350. }
  351. }
  352. content_size.x = Math::Clamp(content_size.x, min_width, max_width);
  353. content_size.y = Math::Clamp(content_size.y, min_height, max_height);
  354. return content_size;
  355. }
  356. void LayoutDetails::BuildBoxWidth(Box& box, const ComputedValues& computed, float min_width, float max_width, Vector2f containing_block,
  357. Element* element, bool replaced_element, float override_shrink_to_fit_width)
  358. {
  359. RMLUI_ZoneScoped;
  360. Vector2f content_area = box.GetSize();
  361. // Determine if the element has automatic margins.
  362. bool margins_auto[2];
  363. int num_auto_margins = 0;
  364. for (int i = 0; i < 2; ++i)
  365. {
  366. const Style::Margin margin_value = (i == 0 ? computed.margin_left() : computed.margin_right());
  367. if (margin_value.type == Style::Margin::Auto)
  368. {
  369. margins_auto[i] = true;
  370. num_auto_margins++;
  371. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Left : BoxEdge::Right, 0);
  372. }
  373. else
  374. {
  375. margins_auto[i] = false;
  376. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Left : BoxEdge::Right, ResolveValue(margin_value, containing_block.x));
  377. }
  378. }
  379. const bool absolutely_positioned = (computed.position() == Style::Position::Absolute || computed.position() == Style::Position::Fixed);
  380. const bool inset_auto = (computed.left().type == Style::Left::Auto || computed.right().type == Style::Right::Auto);
  381. const bool width_auto = (content_area.x < 0);
  382. auto GetInsetWidth = [&] {
  383. // For absolutely positioned elements (and only those), the 'left' and 'right' values are part of the box's width constraint.
  384. if (absolutely_positioned)
  385. return ResolveValue(computed.left(), containing_block.x) + ResolveValue(computed.right(), containing_block.x);
  386. return 0.f;
  387. };
  388. // If the width is set to auto, we need to calculate the width.
  389. if (width_auto)
  390. {
  391. // Apply the shrink-to-fit algorithm here to find the width of the element.
  392. // See CSS 2.1 section 10.3.7 for when this should be applied.
  393. const bool shrink_to_fit = !replaced_element &&
  394. ((computed.float_() != Style::Float::None) || (absolutely_positioned && inset_auto) ||
  395. (computed.display() == Style::Display::InlineBlock || computed.display() == Style::Display::InlineFlex));
  396. if (!shrink_to_fit)
  397. {
  398. // The width is set to whatever remains of the containing block.
  399. content_area.x = containing_block.x - (GetInsetWidth() + box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin, BoxArea::Padding));
  400. content_area.x = Math::Max(0.0f, content_area.x);
  401. }
  402. else if (override_shrink_to_fit_width >= 0)
  403. {
  404. content_area.x = override_shrink_to_fit_width;
  405. }
  406. else
  407. {
  408. content_area.x = GetShrinkToFitWidth(element, containing_block);
  409. override_shrink_to_fit_width = content_area.x;
  410. }
  411. }
  412. // Otherwise, the margins that are set to auto will pick up the remaining width of the containing block.
  413. else if (num_auto_margins > 0)
  414. {
  415. const float margin =
  416. (containing_block.x - (GetInsetWidth() + box.GetSizeAcross(BoxDirection::Horizontal, BoxArea::Margin))) / float(num_auto_margins);
  417. if (margins_auto[0])
  418. box.SetEdge(BoxArea::Margin, BoxEdge::Left, margin);
  419. if (margins_auto[1])
  420. box.SetEdge(BoxArea::Margin, BoxEdge::Right, margin);
  421. }
  422. // Clamp the calculated width; if the width is changed by the clamp, then the margins need to be recalculated if
  423. // they were set to auto.
  424. const float clamped_width = Math::Clamp(content_area.x, min_width, max_width);
  425. if (clamped_width != content_area.x)
  426. {
  427. content_area.x = clamped_width;
  428. box.SetContent(content_area);
  429. if (num_auto_margins > 0)
  430. BuildBoxWidth(box, computed, min_width, max_width, containing_block, element, replaced_element, clamped_width);
  431. }
  432. else
  433. box.SetContent(content_area);
  434. }
  435. void LayoutDetails::BuildBoxHeight(Box& box, const ComputedValues& computed, float min_height, float max_height, float containing_block_height)
  436. {
  437. RMLUI_ZoneScoped;
  438. Vector2f content_area = box.GetSize();
  439. // Determine if the element has automatic margins.
  440. bool margins_auto[2];
  441. int num_auto_margins = 0;
  442. for (int i = 0; i < 2; ++i)
  443. {
  444. const Style::Margin margin_value = (i == 0 ? computed.margin_top() : computed.margin_bottom());
  445. if (margin_value.type == Style::Margin::Auto)
  446. {
  447. margins_auto[i] = true;
  448. num_auto_margins++;
  449. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Top : BoxEdge::Bottom, 0);
  450. }
  451. else
  452. {
  453. margins_auto[i] = false;
  454. box.SetEdge(BoxArea::Margin, i == 0 ? BoxEdge::Top : BoxEdge::Bottom, ResolveValue(margin_value, containing_block_height));
  455. }
  456. }
  457. const bool absolutely_positioned = (computed.position() == Style::Position::Absolute || computed.position() == Style::Position::Fixed);
  458. const bool inset_auto = (computed.top().type == Style::Top::Auto || computed.bottom().type == Style::Bottom::Auto);
  459. const bool height_auto = (content_area.y < 0);
  460. auto GetInsetHeight = [&] {
  461. // For absolutely positioned elements (and only those), the 'top' and 'bottom' values are part of the box's height constraint.
  462. if (absolutely_positioned)
  463. return ResolveValue(computed.top(), containing_block_height) + ResolveValue(computed.bottom(), containing_block_height);
  464. return 0.f;
  465. };
  466. // If the height is set to auto, we need to calculate the height.
  467. if (height_auto)
  468. {
  469. // If the height is set to auto for a box in normal flow, the height is set to -1, representing indefinite height.
  470. content_area.y = -1;
  471. // But if we are dealing with an absolutely positioned element we need to consider if the top and bottom
  472. // properties are set, since the height can be affected.
  473. if (absolutely_positioned && !inset_auto)
  474. {
  475. // The height is set to whatever remains of the containing block.
  476. content_area.y =
  477. containing_block_height - (GetInsetHeight() + box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Margin, BoxArea::Padding));
  478. content_area.y = Math::Max(0.0f, content_area.y);
  479. }
  480. }
  481. // Otherwise, the margins that are set to auto will pick up the remaining height of the containing block.
  482. else if (num_auto_margins > 0)
  483. {
  484. const float margin =
  485. (containing_block_height - (GetInsetHeight() + box.GetSizeAcross(BoxDirection::Vertical, BoxArea::Margin))) / float(num_auto_margins);
  486. if (margins_auto[0])
  487. box.SetEdge(BoxArea::Margin, BoxEdge::Top, margin);
  488. if (margins_auto[1])
  489. box.SetEdge(BoxArea::Margin, BoxEdge::Bottom, margin);
  490. }
  491. if (content_area.y >= 0)
  492. {
  493. // Clamp the calculated height; if the height is changed by the clamp, then the margins need to be recalculated if
  494. // they were set to auto.
  495. float clamped_height = Math::Clamp(content_area.y, min_height, max_height);
  496. if (clamped_height != content_area.y)
  497. {
  498. content_area.y = clamped_height;
  499. box.SetContent(content_area);
  500. if (num_auto_margins > 0)
  501. BuildBoxHeight(box, computed, min_height, max_height, containing_block_height);
  502. return;
  503. }
  504. }
  505. box.SetContent(content_area);
  506. }
  507. } // namespace Rml