Reports Search page: DateTime inputs overflow causing UI layout issues
What happened
On the Reports Search page (/search), the "End time" and "Errors" form fields are overlapping/overflowing horizontally. The datetime-local input fields are too wide for their container columns, causing them to extend beyond their boundaries and overlap with adjacent form elements.
Environment
- OS: macOS (also reproducible on other platforms)
- IntelOwl version: Latest develop branch (commit 2ef233e0)
What did you expect to happen
The form fields in the Reports Search page should be properly contained within their respective columns without any overflow or overlapping. All datetime inputs should have consistent styling and fit within the responsive grid layout.
How to reproduce your issue
- Navigate to the IntelOwl web interface
- Go to Reports → Search (or directly to
/search) - Observe the second row of form fields containing "Start time", "End time", and "Errors"
- Notice that the "End time" datetime inputs overflow into the "Errors" column area
Error messages and logs
No JavaScript errors in console. This is a CSS/layout issue only.
Screenshots
Suggested Fix
- Add
maxWidthconstraint to datetime-local inputs - Add
overflow-hiddento the containing columns - Add
flex-wrapto the row for better responsive behavior
@fgibertoni can you assign this to me ??
Hey @srijan2607, you already have an open issue assigned. To enable anyone to contribute we assign one issue per person until that issue is closed.
Hi! I would like to work on this issue.
Could you please assign it to me?
Heyy @fgibertoni , I would like to work on this isssue, could you assign this to me?