iOS 14.5 Beta HTML labels/buttons in PWA

Hello,

We are currently experiencing some strange behaviour in the new iOS 14.5 beta, namely around HTML label/button tags in a web app pinned to the home screen/running as a PWA.

Label tags structed this way currently don't display the button name:
<label>
<button type="button">
Button name 1
</button>
</label>

But labels structed like this with the button name inside of a span element do display:
<label>
<button type="button">
<span>Button name 1</span>
</button>
</label>

Just wondering if anyone else has experienced this issue and if there are any recommended fixes out there?

This behaviour only started after installing the iOS 14.5 beta.

It might also be worth noting that when there is any screen redraw, i.e. moving away from the current page and back the button names are then displayed, or even when the iPad is rotated from landscape to portrait.

Thanks
iOS 14.5 Beta HTML labels/buttons in PWA
 
 
Q