iOS11 WebView position relative problem

Hello,


I've found an inconsitency in the iOS 11 WebView, regarding the CSS position style, with "relative" value.



For example, lets examine the following code in both iOS10 and iOS11:

<div style="position:relative; top:10px">Element 1</div>

<div>Element 2</div>


iOS10 (and all major browsers):

The "Element 1" div will be placed over the "Element 2" div.


iOS11

After the CSS style is applied, both elements will go down 10px.


Do you have any information about this behavior?


Regards,

Martin Stoev

Software Consultant

iOS11 WebView position relative problem
 
 
Q