From a7153567e13c81c5cda749c67f9f8f93977cde70 Mon Sep 17 00:00:00 2001 From: Neeraj Kumar Das Date: Wed, 6 Apr 2022 23:07:54 +0530 Subject: [PATCH] Bring back webkit calendar picker indicator for datalists (#35406) * Bring back webkit calendar picker indicator for datalists * Replace webkit datalist indicator with Bootstrap Icons * Use default datalist icons on date or time inputs in Chrome Remove the dropdown arrow from text type inputs * Bundlewatch Co-authored-by: Mark Otto --- .bundlewatch.config.json | 2 +- scss/_reboot.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index a4c84cfc5d..94f1e41397 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -30,7 +30,7 @@ }, { "path": "./dist/css/bootstrap.min.css", - "maxSize": "25.7 kB" + "maxSize": "25.75 kB" }, { "path": "./dist/js/bootstrap.bundle.js", diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 81884c7195..ed422f7538 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -438,11 +438,11 @@ select { } } -// Remove the dropdown arrow in Chrome from inputs built with datalists. +// Remove the dropdown arrow only from text type inputs built with datalists in Chrome. // See https://stackoverflow.com/a/54997118 -[list]::-webkit-calendar-picker-indicator { - display: none; +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; } // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`