From 4bafaa24535495de49f3481ab0277a1e7a5577b1 Mon Sep 17 00:00:00 2001
From: Jan Drewniak <jan.drewniak@gmail.com>
Date: Mon, 8 Aug 2022 10:39:29 -0400
Subject: [PATCH] Prevent collapsed dropdowns from having height.

Collapsed dropdowns are hidden via `opacity:0;` and
`visiblility:hidden;`. This doesn't prevent them from having a
height, which can be an issue when the language selector is
at the bottom of the page, producing a large gap near the footer.

Bug: T314546
Change-Id: Iec5d78469c8d5e10bd78e5d062f9e46a54fb3a98
---
 resources/common/components/MenuDropdownCheckbox.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/resources/common/components/MenuDropdownCheckbox.less b/resources/common/components/MenuDropdownCheckbox.less
index a3d27b5ae..3a65fe979 100644
--- a/resources/common/components/MenuDropdownCheckbox.less
+++ b/resources/common/components/MenuDropdownCheckbox.less
@@ -17,7 +17,9 @@
 		top: 100%;
 		left: -@border-width-base;
 		opacity: 0;
+		height: 0;
 		visibility: hidden;
+		overflow: hidden;
 		// The menu content should not be narrower than the menu button.
 		min-width: 100%;
 		margin: 0;
@@ -71,6 +73,7 @@
 	&:checked ~ .vector-menu-content {
 		opacity: 1;
 		visibility: visible;
+		height: auto;
 	}
 
 	:not( :checked ) > & {