I have a webview that loads a webpage which includes a flex box. The flex box Div displays correctly on Kitkat Emulator but its not working on older Android versions such as Jellybean. Boxes must be shown horizontally but they actually shown vertically.
Here is my HTML code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<div style="display:flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
width: 50%; height: 20%;
background-color: red;">
<div style="background-color: orange;">BOX 1</div>
<div style="background-color: yellow;">BOX 2</div>
<div style="background-color: green;">BOX 3</div>
</div>
</body>
</html>
I think you need to prefix everything according to the old flex box spec, like -webkit-box-flex-foo: bar;
.
For direction, you might need to use orient instead, like: -webkit-box-orient: vertical/horizontal;
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With