Single page fullscreen on IOS

I have a single page routing site.
I have added to my iphone homescreen and the page works wonderfully, but when the repeat list links to another includes page, it breaks and shows the "Done"and “Font Size” bar

The index page contains.

  <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

and the list has the following href.

<div dmx-repeat:repeatlist="myserverconnect.data.myapi.data.$resources"><a dmx-bind:href="./reference/{{reference}}">

Load page with no bar

IMG_0541.jpeg4008×1206 135 KB

when clicking the link includes shows the bar

IMG_0542.jpeg4008×1468 787 KB

Does anyone know how to prevent this happening?
Thanks in advance.