iOS Safari VoiceOver fails to speak when calling JavaScript .focus() [on hold]

Has anyone else come across this weird inconsistency with VoiceOver on iOS?

Trying to prompt VoiceOver to read a specific text wont work if paragraphs or headings contains child tags such as <em> <strong> <small> etc.

Visit this pen on iOS with VoiceOver to reproduce this issue.

https://codepen.io/joshuapease/full/wxvXqN/

Focus management is a big requirement for making accessible web apps.

The only workarounds I can think of is never using child tags or creating "visually hidden" text for screen readers to .focus() on first.

I've submitted a bug report to Apple. Just curious if this is an issue for anyone else.