Why is only the first element visible on iOS?

Question

css

Why on iOS in all browsers all the elements in the flexbox container disappear except for the first one?
The container itself has this style in scss

display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;

css ready

display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

In desktop chrome in mobile device mode, everything is as it should be

But on an iPhone like this

What is the problem I can not understand. Could this be because of the container? How to check?

Answer 1

I won’t say without html, but it seems it’s not about flex
https://caniuse.com/#search=input%20date

Answer 2

You did not throw off the HTML , nothing is clear.