š BUG: Profile Header Button Overflows Viewport in Browser
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.
Full screen
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
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.
Thanks for reporting the issue @wirtaw . Yes the design needs to be responsive. We will open it for community contribution.
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! š
I can't seem to reproduce, is this a specific browser related issue or you get it across the board/all the time?
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.