flexbox-widget-flex-items-1.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<!--

    This testcase checks that flex containers honor those widgets (if any) in

    our system theme that have only a single valid size (and hence should

    refuse to flex).

    e.g. in Gecko with a GTK theme, checkboxes and radio buttons have a single

    valid size, and any specified widths (and min/max-widths) will have no

    effect on their rendering (regardless of whether they're in a flex

    container).

-->

<html>

<head>

  <style>

    div.flexbox {

      display: flex;

      align-items: flex-start;

      border: 2px dotted lightgray;

      width: 400px;

      height: 40px;

      margin-bottom: 10px;

    div.flexbox > * {

      flex: 1;

      outline: 1px dashed black;

      margin: 0;

      vertical-align: top;

  </style>

</head>

<body>

  <div class="flexbox"><input type="button"></div>

  <div class="flexbox"><input type="checkbox"></div>

  <div class="flexbox"><input type="file"></div>

  <div class="flexbox"><input type="image"></div>

  <div class="flexbox"><input type="password"></div>

  <div class="flexbox"><input type="radio"></div>

  <div class="flexbox"><input type="reset"></div>

  <div class="flexbox"><input type="submit"></div>

  <div class="flexbox"><input type="text"></div>

</body>

</html>