Skip to content

Flex layout broken with Version 4.5.1 #31435

@MBurchard

Description

@MBurchard

The reduced Layout is that...

<div class="h-100">
	<div class="container-fluid h-100 d-flex flex-column">
		<div class="row justify-content-between header">
			<div class="col-sm-9">
				<h3>Customer Identity Management Portal</h3>
			</div>
		</div>
		<div class="row flex-grow-1" style="overflow-y: auto;">
			content area
		</div>
	</div>
</div>
html, body {
	height: 100%;
}

.header {
	background-color: #0078dc;
	box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
	color: #fff;
	height: 42px;
}

Under Linux Mint with Firefox 79 and Vivaldi 3.1.1929.48 the layout changes between 4.5.0 and 4.5.1. I have not tested it with another OS.

grafik

grafik

With 4.5.1 the small bar at the top has the height of the full screen and scrollbar appears.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions