Box.cpp 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are met:
  7. *
  8. * 1. Redistributions of source code must retain the above copyright notice, this
  9. * list of conditions and the following disclaimer.
  10. *
  11. * 2. Redistributions in binary form must reproduce the above copyright notice,
  12. * this list of conditions and the following disclaimer in the documentation
  13. * and/or other materials provided with the distribution.
  14. *
  15. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  16. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  17. * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18. * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
  19. * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  20. * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  21. * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  22. * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
  23. * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25. */
  26. #include <LibGfx/Painter.h>
  27. #include <LibWeb/DOM/Document.h>
  28. #include <LibWeb/HTML/HTMLBodyElement.h>
  29. #include <LibWeb/Layout/BlockBox.h>
  30. #include <LibWeb/Layout/Box.h>
  31. #include <LibWeb/Page/Frame.h>
  32. #include <LibWeb/Painting/BorderPainting.h>
  33. namespace Web::Layout {
  34. void Box::paint(PaintContext& context, PaintPhase phase)
  35. {
  36. if (!is_visible())
  37. return;
  38. Gfx::PainterStateSaver saver(context.painter());
  39. if (is_fixed_position())
  40. context.painter().translate(context.scroll_offset());
  41. auto padded_rect = this->padded_rect();
  42. if (phase == PaintPhase::Background && !is_body()) {
  43. auto background_rect = enclosing_int_rect(padded_rect);
  44. context.painter().fill_rect(background_rect, computed_values().background_color());
  45. if (background_image() && background_image()->bitmap()) {
  46. switch (computed_values().background_repeat()) {
  47. case CSS::Repeat::Repeat:
  48. // The background rect is already sized to align with 'repeat'.
  49. break;
  50. case CSS::Repeat::RepeatX:
  51. background_rect.set_height(background_image()->bitmap()->height());
  52. break;
  53. case CSS::Repeat::RepeatY:
  54. background_rect.set_width(background_image()->bitmap()->width());
  55. break;
  56. case CSS::Repeat::NoRepeat:
  57. default: // FIXME: Support 'round' and 'square'
  58. background_rect.set_width(background_image()->bitmap()->width());
  59. background_rect.set_height(background_image()->bitmap()->height());
  60. break;
  61. }
  62. context.painter().blit_tiled(background_rect, *background_image()->bitmap(), background_image()->bitmap()->rect());
  63. }
  64. }
  65. if (phase == PaintPhase::Border) {
  66. auto bordered_rect = this->bordered_rect();
  67. Painting::paint_border(context, Painting::BorderEdge::Left, bordered_rect, computed_values());
  68. Painting::paint_border(context, Painting::BorderEdge::Right, bordered_rect, computed_values());
  69. Painting::paint_border(context, Painting::BorderEdge::Top, bordered_rect, computed_values());
  70. Painting::paint_border(context, Painting::BorderEdge::Bottom, bordered_rect, computed_values());
  71. }
  72. Layout::NodeWithStyleAndBoxModelMetrics::paint(context, phase);
  73. if (phase == PaintPhase::Overlay && dom_node() && document().inspected_node() == dom_node()) {
  74. auto content_rect = absolute_rect();
  75. auto margin_box = box_model().margin_box();
  76. Gfx::FloatRect margin_rect;
  77. margin_rect.set_x(absolute_x() - margin_box.left);
  78. margin_rect.set_width(width() + margin_box.left + margin_box.right);
  79. margin_rect.set_y(absolute_y() - margin_box.top);
  80. margin_rect.set_height(height() + margin_box.top + margin_box.bottom);
  81. context.painter().draw_rect(enclosing_int_rect(margin_rect), Color::Yellow);
  82. context.painter().draw_rect(enclosing_int_rect(padded_rect), Color::Cyan);
  83. context.painter().draw_rect(enclosing_int_rect(content_rect), Color::Magenta);
  84. }
  85. if (phase == PaintPhase::FocusOutline && dom_node() && dom_node()->is_element() && downcast<DOM::Element>(*dom_node()).is_focused()) {
  86. context.painter().draw_rect(enclosing_int_rect(absolute_rect()), context.palette().focus_outline());
  87. }
  88. }
  89. HitTestResult Box::hit_test(const Gfx::IntPoint& position, HitTestType type) const
  90. {
  91. // FIXME: It would be nice if we could confidently skip over hit testing
  92. // parts of the layout tree, but currently we can't just check
  93. // m_rect.contains() since inline text rects can't be trusted..
  94. HitTestResult result { absolute_rect().contains(position.x(), position.y()) ? this : nullptr };
  95. for_each_child_in_paint_order([&](auto& child) {
  96. auto child_result = child.hit_test(position, type);
  97. if (child_result.layout_node)
  98. result = child_result;
  99. });
  100. return result;
  101. }
  102. void Box::set_needs_display()
  103. {
  104. if (!is_inline()) {
  105. frame().set_needs_display(enclosing_int_rect(absolute_rect()));
  106. return;
  107. }
  108. Node::set_needs_display();
  109. }
  110. bool Box::is_body() const
  111. {
  112. return dom_node() && dom_node() == document().body();
  113. }
  114. void Box::set_offset(const Gfx::FloatPoint& offset)
  115. {
  116. if (m_offset == offset)
  117. return;
  118. m_offset = offset;
  119. did_set_rect();
  120. }
  121. void Box::set_size(const Gfx::FloatSize& size)
  122. {
  123. if (m_size == size)
  124. return;
  125. m_size = size;
  126. did_set_rect();
  127. }
  128. Gfx::FloatPoint Box::effective_offset() const
  129. {
  130. if (m_containing_line_box_fragment)
  131. return m_containing_line_box_fragment->offset();
  132. return m_offset;
  133. }
  134. const Gfx::FloatRect Box::absolute_rect() const
  135. {
  136. Gfx::FloatRect rect { effective_offset(), size() };
  137. for (auto* block = containing_block(); block; block = block->containing_block()) {
  138. rect.move_by(block->effective_offset());
  139. }
  140. return rect;
  141. }
  142. void Box::set_containing_line_box_fragment(LineBoxFragment& fragment)
  143. {
  144. m_containing_line_box_fragment = fragment.make_weak_ptr();
  145. }
  146. StackingContext* Box::enclosing_stacking_context()
  147. {
  148. for (auto* ancestor = parent(); ancestor; ancestor = ancestor->parent()) {
  149. if (!is<Box>(ancestor))
  150. continue;
  151. auto& ancestor_box = downcast<Box>(*ancestor);
  152. if (!ancestor_box.establishes_stacking_context())
  153. continue;
  154. VERIFY(ancestor_box.stacking_context());
  155. return ancestor_box.stacking_context();
  156. }
  157. // We should always reach the Layout::InitialContainingBlockBox stacking context.
  158. VERIFY_NOT_REACHED();
  159. }
  160. bool Box::establishes_stacking_context() const
  161. {
  162. if (!has_style())
  163. return false;
  164. if (dom_node() == document().root())
  165. return true;
  166. auto position = computed_values().position();
  167. auto z_index = computed_values().z_index();
  168. if (position == CSS::Position::Absolute || position == CSS::Position::Relative) {
  169. if (z_index.has_value())
  170. return true;
  171. }
  172. if (position == CSS::Position::Fixed || position == CSS::Position::Sticky)
  173. return true;
  174. return false;
  175. }
  176. LineBox& Box::ensure_last_line_box()
  177. {
  178. if (m_line_boxes.is_empty())
  179. return add_line_box();
  180. return m_line_boxes.last();
  181. }
  182. LineBox& Box::add_line_box()
  183. {
  184. m_line_boxes.append(LineBox());
  185. return m_line_boxes.last();
  186. }
  187. float Box::width_of_logical_containing_block() const
  188. {
  189. auto* containing_block = this->containing_block();
  190. VERIFY(containing_block);
  191. return containing_block->width();
  192. }
  193. }