webkit-flex-basis.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-viewport/zoom/explicit-inherit/webkit-flex-basis.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>-webkit-flex-basis:inherit applies zoom</title>

<link rel=help href=https://drafts.csswg.org/css-flexbox/>

<link rel=help href=https://drafts.csswg.org/css-viewport/>

<link rel=help href=https://compat.spec.whatwg.org/#propdef--webkit-flex-basis>

<link rel=match href=flex-basis-ref.html>

<style>

  .container {

    display: flex;

    background: skyblue;

    -webkit-flex-basis: 50px; /* For explicit inheritance. */

  .zoomed {

    background: coral;

    -webkit-flex-basis: inherit;

    height: 100px;

    zoom: 2;

</style>

<div class=container>

  <div class=zoomed></div>

</div>