From 33df5610ae40fcc95a2254582278b80f69fd7c1f Mon Sep 17 00:00:00 2001 From: =?utf8?q?Bartosz=20Dziewo=C5=84ski?= Date: Tue, 31 Jan 2017 01:03:38 +0100 Subject: [PATCH] Ensure the editing textarea is not higher than browser's viewport Limit it to 100vh. 'vh' is a new unit introduced in CSS3, representing 1% of the viewport height, and fairly widely supported in today's browsers: . Bug: T155886 Change-Id: I4a32d7d5c4eb110c9ecd0b6b13e4c176d343d82f --- .../src/mediawiki.action/mediawiki.action.edit.styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/resources/src/mediawiki.action/mediawiki.action.edit.styles.css b/resources/src/mediawiki.action/mediawiki.action.edit.styles.css index 0ee40582cb..d288e6b999 100644 --- a/resources/src/mediawiki.action/mediawiki.action.edit.styles.css +++ b/resources/src/mediawiki.action/mediawiki.action.edit.styles.css @@ -6,6 +6,10 @@ #wpTextbox1 { margin: 0; display: block; + /* Ensure the textarea is not higher than browser's viewport on small screens */ + max-height: 100vh; + /* But don't let it collapse into nothingness on really tiny screens */ + min-height: 5em; } /* Adjustments to edit form elements */ -- 2.20.1