diff --git a/tests-rendering/cases/open/InFrontContainedParentsIssue201.elm b/tests-rendering/cases/open/InFrontContainedParentsIssue201.elm new file mode 100644 index 0000000..5349401 --- /dev/null +++ b/tests-rendering/cases/open/InFrontContainedParentsIssue201.elm @@ -0,0 +1,46 @@ +module InFrontSize exposing (main) + +{-| + + +# inFront elements with width fill are contained within the parent's border + +Though they're expected to be the actual size of the parent. + + + + + +-} + +import Browser +import Html exposing (Html) +import Testable.Element exposing (..) +import Testable.Element.Background as Background +import Testable.Element.Border as Border + + +main = + layout [] + (el + [ width (px 100) + , height (px 100) + , centerX + , centerY + , Background.color (rgb 0.1 0.1 0.1) + , Border.width 20 + , Border.color (rgb 0.5 1 1) + + -- the following element should cover the parent's border + , inFront + (el + [ width fill + , height fill + , Background.color (rgb 0.1 0.5 0.9) + , moveUp 40 + ] + none + ) + ] + none + )