Chrome 23 Flexbox Bug

Developer
Michael MartinSmucker
Size
1,956 Kb
Views
28,336
  1. Chrome 23 Flexbox Bug Previews
  2. Chrome 23 Flexbox Bug HTML Codes
  3. Chrome 23 Flexbox Bug CSS Codes

How do I make an chrome 23 flexbox bug?

Chrome 23-and-below doesn't correctly handle the "flex: auto" shorthand. Instead of treating it as "flex: 1 1 auto" as the spec describes, it doesn't seem to do anything.. What is a chrome 23 flexbox bug? How do you make a chrome 23 flexbox bug? This script and codes were developed by Michael MartinSmucker on 28 September 2022, Wednesday.

Chrome 23 Flexbox Bug Previews
IQ Test

Chrome 23 Flexbox Bug - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Chrome 23 Flexbox Bug</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ section { border: 1px solid #ddd; display: -webkit-flex; display: flex; margin: 30px; width: 800px;
}
div { background: #0ad; border: 8px solid #fff; -webkit-flex: 1 1 auto; flex: 1 1 auto; height: 30px; text-align: center;
}
.auto div { -webkit-flex: auto; flex: auto;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <section> <div>This</div> <div>Is</div> <div>a</div> <div>test with a really long</div> <div>string of</div> <div>text</div> <div>in</div> <div>the box</div>
</section>
<section class="auto"> <div>This</div> <div>Is</div> <div>a</div> <div>test with a really long</div> <div>string of</div> <div>text</div> <div>in</div> <div>the box</div>
</section>
</body>
</html>

Chrome 23 Flexbox Bug - Script Codes CSS Codes

section { border: 1px solid #ddd; display: -webkit-flex; display: flex; margin: 30px; width: 800px;
}
div { background: #0ad; border: 8px solid #fff; -webkit-flex: 1 1 auto; flex: 1 1 auto; height: 30px; text-align: center;
}
.auto div { -webkit-flex: auto; flex: auto;
}
Chrome 23 Flexbox Bug - Script Codes
Chrome 23 Flexbox Bug - Script Codes
Home Page Home
Developer Michael MartinSmucker
Username mlms13
Uploaded September 28, 2022
Rating 3
Size 1,956 Kb
Views 28,336
Do you need developer help for Chrome 23 Flexbox Bug?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Michael MartinSmucker (mlms13) Script Codes
Name
Toolbar Mockup
CSS Stacked Paper Effect
Sticker Tiles
CSS Floppy Disk Icon
Fancy Textarea
Drinking Habits Mockup
Buttons for BEARS
Magic Color Picker
Drinking Habits Mockup
SVG Donut Loading Spinner
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!