Could not select item from 'popover'

[masterprogrammer513]

I load list dynamically and list loaded completely . The list work fin in desktop. In mobile list loaded but could not scroll or select from list. `

        <input class="with-label" type="password" id="password" name="password" data-i18n="placeholder: password" required>

        <input class="with-label" type="password" id="passwordRetry" name="passwordRetry" data-i18n="placeholder: retryPassword" required>

        <input class="with-label" type="email" id="email" name="email" data-i18n="placeholder: emailNotRequired">

        <input class="with-label" type="tel" id="mobile" name="mobile" data-i18n="placeholder: mobile" pattern="09\d{9}" required>

        <button class="btn btn-popover fit-parent primary btn-btn" id="ostan" name="ostan" data-autobind="true" data-popover-id="btn-ostan" data-i18n="text: ostan"></button>

        <div class="popover" id="btn-ostan">
            <ul class="list" id="ostanElement">

            </ul>
        </div>
    </div>
</div>

`

[graham-h]

Did you get a resolution? I'm having a similar issue, fine on browser and Android, but not selecting anything (just disappears) in iOS (cordova app).

Did you try moving your popover div outside of the <page>?

[graham-h]

Can confirm, for me at least, popovers do not work correctly on iOS when the popover div is located in the page container. Moving the div outside fixed the issue.

[masterprogrammer513]

@graham-h I used native listbox instead of framework