From 61c449205c40f3cedd700e0fc7f592ed17a3b133 Mon Sep 17 00:00:00 2001 From: Nicolas Bouilleaud Date: Wed, 17 Apr 2019 15:51:00 +0200 Subject: [PATCH] Workaround the datepicker appearing below the add_days modal on Safari MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The correct solution would probably be to upgrade the version of bootstrap and bootstrap-datepicker that we use My understandng of the bug is: * bootstrap-datepicker finds the first ancestor whose z-index isn’t auto, and sets its own z-index to the found elemenents z-index + 10. * On Firefox and Chrome, the modal element is returned (its z-index is 1050) * On Safari, the modal-dialog element is found. Its z-index is auto, but Safari reports this as '0', which makes the z-index of the datepicker 10. --- css/style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/style.css b/css/style.css index 9551c28..4dc30bb 100644 --- a/css/style.css +++ b/css/style.css @@ -529,6 +529,11 @@ table.results > tbody > tr:hover > td .glyphicon { height: 33px; } +.datepicker { + /* workaround for the bootstrap-datepicker appearing below the #add_days modal */ + z-index: 1060 !important; +} + /* create_classic_poll.php */ .md-a-img { text-decoration:none !important;