select-element-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-sizing/aspect-ratio/select-element-001.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS aspect-ratio: select elements with min-width</title>

<link rel="author" title="Mozilla" href="https://www.mozilla.org/">

<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">

<link rel="match" href="select-element-001-ref.html">

<!-- WebKit uses quirky em in user agent sheet for margins of select, avoid it -->

<style>

  select {

    margin: 0px;

</style>

<!-- Sanity Check - aspect-ratio should be applied on the select element -->

<select style="height: 50px; aspect-ratio: 1/1; background: green;">

  <option value=""></option>

</select>

<br>

<!-- The content size shouldn't override the size when min-width is non-auto -->

<select style="height: 50px; aspect-ratio: 1/1; background: green; min-width: 0px;">

  <option value="">The long text is selected</option>

</select>

<br>

<!-- The content size should override the size when min-width is auto -->

<select style="height: 50px; aspect-ratio: 1/1; background: green;">

  <option value="">The long text is selected</option>

</select>