Description
When the search bar (command palette) is opened from the navigation bar, the popup container extends beyond the viewport boundaries on large desktop screens. This causes part of the search dialog to be clipped and negatively impacts the overall user experience.
The issue appears to be related to the dialog's positioning and width calculation, causing it to overflow instead of remaining fully contained within the visible viewport.
Steps to Reproduce
1.Open https://commitpulse.vercel.app/.
2.Use a large desktop display (or maximize the browser window).
3.Click on the search bar located in the navigation bar.
4.Observe the search popup/command palette.
5.Notice that the popup extends beyond the viewport instead of staying fully visible.
Expected Behavior
1.The search popup should remain completely inside the viewport on all screen sizes.
2.The dialog should be horizontally centered (or correctly aligned) without overflowing.
3.Appropriate responsive sizing should be applied using viewport constraints (e.g., max-width, responsive margins, or dynamic positioning).
4.Users should be able to view and interact with the entire search interface without any clipped content.
Screenshots / Logs
GitHub Username (If applicable)
No response
Environment
Chrome
Description
When the search bar (command palette) is opened from the navigation bar, the popup container extends beyond the viewport boundaries on large desktop screens. This causes part of the search dialog to be clipped and negatively impacts the overall user experience.
The issue appears to be related to the dialog's positioning and width calculation, causing it to overflow instead of remaining fully contained within the visible viewport.
Steps to Reproduce
1.Open https://commitpulse.vercel.app/.
2.Use a large desktop display (or maximize the browser window).
3.Click on the search bar located in the navigation bar.
4.Observe the search popup/command palette.
5.Notice that the popup extends beyond the viewport instead of staying fully visible.
Expected Behavior
1.The search popup should remain completely inside the viewport on all screen sizes.
2.The dialog should be horizontally centered (or correctly aligned) without overflowing.
3.Appropriate responsive sizing should be applied using viewport constraints (e.g., max-width, responsive margins, or dynamic positioning).
4.Users should be able to view and interact with the entire search interface without any clipped content.
Screenshots / Logs
GitHub Username (If applicable)
No response
Environment
Chrome