daily icon indicating copy to clipboard operation
daily copied to clipboard

šŸ› BUG: Profile Header Button Overflows Viewport in Browser

Open wirtaw opened this issue 9 months ago • 2 comments

What went wrong? šŸ¤”

The profile header button (e.g., "Edit Profile", "Follow", etc.) extends beyond the visible viewport on certain browser window sizes, particularly when the browser window is narrow or the user has zoomed in. This results in the button being partially or completely cut off, making it inaccessible or visually unappealing.

Image Full screen

Image Resized

Expected Behavior

The profile header button should remain within the visible viewport at all browser window sizes and zoom levels. It should either:

  • Resize dynamically to fit within the available space.
  • Trigger horizontal scrolling if the content exceeds the viewport width.
  • Utilize responsive design techniques to adapt to different screen sizes.

Steps to Reproduce Issue

1. Go to 'https://app.daily.dev/'
2. Open full screen browser
3. See the error

Solution Proposed

Review header end container style buttons. Looks like plus button push outside strike and profile buttons.

Screenshots

Image

Environment

Fedora 41

Browsers

Firefox

OS

Linux

Version of daily.dev

No response

Additional Context

**Environment:**


* Screen Resolution: 1920x1080
* Zoom level:  50%, 100%, 150%

Code of Conduct

  • [x] I follow the conditions of this project.

wirtaw avatar Mar 16 '25 20:03 wirtaw

Thanks for reporting the issue @wirtaw . Yes the design needs to be responsive. We will open it for community contribution.

sabdailydev avatar Mar 31 '25 16:03 sabdailydev

Hey @sabdailydev , I’d love to contribute to making the design responsive. Could you provide more details on the expected breakpoints and any design guidelines to follow? Looking forward to helping out! šŸš€

naitikhoriya1 avatar Apr 02 '25 17:04 naitikhoriya1

I can't seem to reproduce, is this a specific browser related issue or you get it across the board/all the time?

rebelchris avatar Jul 17 '25 09:07 rebelchris

Yes, it works with Firefox with Troubleshoot Mode on. Looks like some of the FF plugin has affect on response of the app.daily.dev. After quick check detect WOT that comes with Mozilla account.

Disabled and it fix view.

Create support request for this mywot plugin. This ticket can be closed.

wirtaw avatar Jul 20 '25 13:07 wirtaw