Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More

There are some exciting new things slated for Chrome version 99 — currently in beta and to become stable on March 1st.

Standout features are the shipping of CSS Cascade Layers and the new showPicker() Method on HTMLInputElement Objects.


On the Chrome Developers Blog, Una Kravets wrote a post that covers Cascade Layers in detail.

💡 Cascade Layers will also ship with Firefox 97 (due later this month) and Safari 15.4 (ETA unknown)


Furthermore, François Beaufort details how to use showPicker(), a way to show a browser picker using JavaScript — not only for dates, but also time, color, and files.

<input type="date">
<button>Show the date picker</button>

  const button = document.querySelector("button");
  const dateInput = document.querySelector("input");

  button.addEventListener("click", () => {
    try {
      // A date picker is shown.
    } catch (error) {
      // Use external library when this fails.


Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More →
Cascade layers are coming to your browser →
Show a browser picker for date, time, color, and files →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.