mozilla-central: testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-sizing-in-flex.tentative.html@a5500d271fe3a1fefb4d81d96fc4abd00d9eade7

Mercurial > mozilla-central / file revision / testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-sizing-in-flex.tentative.html@a5500d271fe3a1fefb4d81d96fc4abd00d9eade7

author	dadaa <daisuke.akatsuka@birchill.co.jp>
	Wed, 09 Jul 2025 04:53:58 +0000 (13 hours ago)
changeset 795836	a5500d271fe3a1fefb4d81d96fc4abd00d9eade7
parent 784404	36be9fc6d979f374344ff81539e36aff23161361
permissions	-rw-r--r--

Bug 1957280: Limit user's mouse amount for tree component r=places-reviewers,reusable-components-reviewers,masayuki,mstriemer Differential Revision: https://phabricator.services.mozilla.com/D251224

<!DOCTYPE html>
<html>
<title>Test of sizing customizable select inside of flex</title>
<link rel=author href="mailto:dbaron@chromium.org">
<link rel=help href="https://github.com/whatwg/html/issues/9799">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/12085">
<link rel=match href="select-appearance-sizing-in-flex-ref.html">
<meta name="assert" content="The min-content size of a customizable select is a function of its content.">

<style>
  .container {
    display: inline-flex;
    width: 15em;
  }

  select {
    appearance: base-select;
  }

  select, .after {
    white-space: nowrap;
  }
</style>

<div class="container">
  <select>
    <option>First Option</option>
    <option>Second Option</option>
  </select>
  <div class="after">The content after the select.</div>
</div>