How to get autofill for Safari for last name/family-name fields?

Question

I have troubles getting autofill work for iOS Safari browser in a form where name is parted up into first and last name.

I have tried with this simple example:

<input type="text" placeholder="e.g. John" autocomplete="given-name" name="firstName">
<input type="text" placeholder="e.g. Doe" autocomplete="family-name" name="lastName">

But that only suggest to autofill the firstname.

Here's a codepen: https://codepen.io/simplenotezy-the-looper/pen/PoOoqjx

Options I've tried for autocomplete="":

• family-name
• surname
• lastname
• last-name
• lname
• last name

I've also tried changing the name="" field to names from above list to no avail.