1985947 - “Use saved card” banner blocks page interaction and does not dismiss on unfocus (Android)

Status: UNCONFIRMED

(Firefox for Android :: General, enhancement)

Description

[Anton]

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:142.0) Gecko/20100101 Firefox/142.0
Firefox for Android

Steps to reproduce:

1. On Android device open Firefox with a saved payment card
2. Go to any payment page with card input fields.
3. Tap on any input field for card details.
4. Remove focus from the field without selecting a saved card.

Actual results:

1. A banner suggesting to "Use saved card" appears and overlaps part of the HTML content.
2. The banner does not trigger proper resize or layout adjustments of the page.
3. After removing focus from the input field (either left empty or filled in manually), the banner does not disappear.
4. The banner remains fixed at the bottom and blocks interaction with the underlying elements until the page is reloaded.

Expected results:

Either:
The page should respond to the appearance of the "Use saved card" banner by resizing it to its minimum height, so that all elements on the page remain accessible and none are blocked by the banner.
Or:
After removing focus from the input field (whether empty or manually filled), the banner should automatically disappear, without requiring a full page reload.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Firefox for Android::General' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.