Skip to content

Unreachable "add product" button after new barcode scan #7638

Description

@alexgarel

What

With the current beta, when I have a new barcode it's impossible to click the add button

Steps to reproduce the behavior

  1. Scan a new barcode
  2. The new product found box appears with a button below
  3. It's impossible to click this button, instead it shrink the scan pannel…
Image

Expected behavior

I don't understand why we have a specific button, on a product scan, you can click the whole area, why not do the same for new product found… nonetheless the button could be integrated in this info box.

When I enter a code manually, the box has the button integrated, I am able to click without problem:

Image

Smartphone model

  • Device: Moto g54 5G (XT2343-Z)
  • OS: Android 15
  • App Version: 4.24.0

Activity

  1. madhav-gaur commented on Jul 16, 2026

    @madhav-gaur

    I'd Like to work on the issue
    Pls assign me with some more context

  2. added
    Product additionThe easier it is to add a product and get Nutri-Score, Eco-Score, the happier the users.
    on Jul 19, 2026
  3. teolemon commented on Jul 19, 2026

    @teolemon
    Member

    @madhav-gaur can you try building the app and reproduce it ?

  4. madhav-gaur commented on Jul 24, 2026

    @madhav-gaur

    @teolemon

    @madhav-gaur can you try building the app and reproduce it ?

    Can you explain reproducing app??
    you mean to feature?

  5. alexgarel commented on Jul 28, 2026

    @alexgarel
    MemberAuthor

    @madhav-gaur he means building the app localy on your computer, and use android studio to reproduce the bug (scan a new product, and see if the bug is there also, or if it's only on my phone). That said, I really think it's worth fixing by making the full panel clickable, as this would be consistent with the interaction you have when you find a product (you just click on the whole panel, it's not a "open" button).

  6. monsieurtanuki commented on Aug 28, 2026

    @monsieurtanuki
    Contributor

    Looks bad for existing products too.

    new known
    Image Image
  7. monsieurtanuki commented on Aug 28, 2026

    @monsieurtanuki
    Contributor

    For the record this is what we get with the existing scan page:
    Image

  8. alexgarel commented on Sep 4, 2026

    @alexgarel
    MemberAuthor

    @monsieurtanuki in my opinion, the best way to fix the bug to make it so that:

    1. click on any part of the panel add the product
    2. «add product button« is within the panel (less important, but just to avoid the button being off screen)
  9. Elitenotavailable commented on Sep 8, 2026

    @Elitenotavailable

    Is someone working on this ? If not then I can work with the suggested solutions.

  10. teolemon commented on Sep 16, 2026

    @teolemon
    Member

    @Elitenotavailable : that would be great

  11. Elitenotavailable commented on Sep 18, 2026

    @Elitenotavailable
  12. Elitenotavailable commented on Sep 18, 2026

    @Elitenotavailable

    I investigated #7638 and was able to reproduce the issue on my Samsung A73.

    The Unknown Product card is constrained to 35% of the screen height in camera_view.dart, while _MessageOverlay forces ScanCardDensity.NORMAL. On constrained screens this causes the card content to overflow (I reproduced a 58px overflow), leaving the “Add this product” action partially inaccessible. Since the normal-density card isn't scrollable/clickable, gestures can also fall through to the homepage's scroll view.

    I compared this with scan_carousel.dart, which already switches to the dense layout when space is constrained. The dense layout uses SingleChildScrollView + InkWell, which addresses both the overflow and the gesture issue.

    My proposed fix is to make the homepage scanner choose the appropriate ScanCardDensity based on the available constraints, consistent with the existing scan_carousel.dart behavior, while leaving the normal layout unchanged.

    Would this approach be acceptable for #7638?

  13. alexgarel commented on Sep 21, 2026

    @alexgarel
    MemberAuthor

    @Elitenotavailable yes, but along the fix, I'd also do the changed I propose (integrating button in the card and making whole card clickable), which IMO is more robust.

  14. Elitenotavailable commented on Sep 22, 2026

    @Elitenotavailable

    @alexgarel Sounds good. I can implement the responsive layout fix along with integrating the button into the card and making the card body clickable, while keeping the close action independent.

  15. moved this from 💬 To discuss and validate to 🏗️ In Progress in 🤳🥫 The Open Food Facts mobile app (Android & iOS)on Sep 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Product additionThe easier it is to add a product and get Nutri-Score, Eco-Score, the happier the users.release blocking issue

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions