I have the following piece of HTML:

  <div>
    <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Foo</div>
    <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Bar</div>
  </div>
  <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Baz</div>

- When I load this in Safari on iOS, only the first item has an outline
- If I remove the alpha component from the first style, all outlines render
- If I change the 'dashed' in the first style to 'solid', only the 2 first outlines render (not the third)

There are other tweaks that you can do to get unexpected behavior, but the 2 above should hopefully pinpoint the problem.

I was also able to reproduce this in a simulator.