summary-display-list-item-002.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/rendering/the-details-element/summary-display-list-item-002.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Test: summary with 'display: list-item' and flex children</title>

<link rel="author" title="Cameron McCormack" href="mailto:heycam@apple.com">

<link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com">

<link rel="match" href="summary-display-list-item-002-ref.html">

<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">

<style>

summary {

    display: list-item;

    list-style-type: none;

/* WebKit does not support list-style-type:none yet */

summary::-webkit-details-marker { display: none; }

</style>

<details style="width: 100px;">

  <summary>

    <div style="display: flex; justify-content: space-between;">

      <div>AAA</div>

      <div>BBB</div>

    </div>

  </summary>

</details>