From a38d7a1b8d50a3e358f4e0f0a5ae5a42b3d7cf58 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Minh=20Nguy=E1=BB=85n?= Date: Wed, 27 Mar 2024 06:30:42 -0700 Subject: [PATCH] Fix roadheight field width (#10175) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Recent versions of Firefox give input fields a greater intrinsic width that causes roadheight fields to overflow the container. Constrain these input fields to an initial width of zero; they’ll grow proportionally as part of the flexbox. --- CHANGELOG.md | 2 ++ css/80_app.css | 1 + 2 files changed, 3 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index f1084ee1e..1d256cabc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -49,6 +49,7 @@ _Breaking developer changes, which may affect downstream projects or sites that * Upgrade closed ways with `traffic_calming=island` to `area:highway=traffic_calming` ([id-tagging-schema#1162]) #### :bug: Bugfixes * Prevent (route) relations from getting corrupted while splitting their way members in certain conditions ([#7653], [#8415]) +* Fix overflowing UI input elements of maxheight field when in imperial units mode on Firefox ([#10175], thanks [@1ec5]) #### :earth_asia: Localization #### :hourglass: Performance #### :mortar_board: Walkthrough / Help @@ -62,6 +63,7 @@ _Breaking developer changes, which may affect downstream projects or sites that [#9439]: https://github.com/openstreetmap/iD/issues/9439 [#10135]: https://github.com/openstreetmap/iD/issues/10135 [#10145]: https://github.com/openstreetmap/iD/issues/10145 +[#10175]: https://github.com/openstreetmap/iD/pull/10175 [id-tagging-schema#1162]: https://github.com/openstreetmap/id-tagging-schema/issues/1162 [@Sushil642]: https://github.com/Sushil642 [@mattiapezzotti]: https://github.com/mattiapezzotti diff --git a/css/80_app.css b/css/80_app.css index b4f79e722..9f7b12abe 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -2055,6 +2055,7 @@ input.date-selector { .form-field-input-roadheight input.roadheight-secondary-number, .form-field-input-roadspeed input.roadspeed-number { flex-basis: 0; + width: 0; } .form-field-input-roadheight input.roadheight-unit, .form-field-input-roadheight input.roadheight-secondary-unit {