Food Oasis Visitor Survey Pop-up Bar Formatting on Mobile

[farahrobleh]

Overview

What did you observe or what is a likely problem?

• The survey pop-up bar at the bottom of the mobile screen is improperly formatted, getting cut off on the left side.

What is the user trying to do?

• Users are trying to access the Food Oasis Visitor Survey easily.

How many people are / will be having this problem?

• All FOLA mobile users who encounter the survey pop-up bar.

Discussion and possible Solution(s)

What device is this happening on / what is the user’s context?

• This issue appears on mobile devices when users access the application.

Discussion and possible Solution(s)

Possible challenges, solutions? Challenges:

• Correctly diagnosing why the bar is cut off and ensuring it displays correctly on all mobile devices.

Solutions:

• Use an existing feature flag to disable the survey pop-up bar on the public site, while allowing it to be active in the development environment for fixes.

Resources/Instructions

• How this problem is addresssed elsewhere (possibly screenshots)? Similar applications often employ responsive design principles to ensure UI elements are properly formatted across devices.
• External documentation, recommendations and guides? Can review responsive design best practices from resources like Mozilla Developer Network (MDN) and W3C.
• Things to think about? Consider the (temporary) impact of disabling the survey bar on user feedback collection.
• How do others solve this? Check how other platforms handle pop-up elements on mobile for effective designs.

Action items

Research, internal/external testing, design?

• Investigate/fix the code/styling affecting the survey bar.
• Use the feature flag's disabling implementation to ensure survey bar shows up on screen as intended.

[fancyham]

I believe this is fixed? Please confirm and if so, I think this can be closed out.