Search input element overflowing offscreen
Closed this issue · 0 comments
Twinki14 commented
- The search input element overflows off-screen on the right
- It has the same width as the parent
top-search-container
div - The width of the element isn't using the remainder width of it's parent, it's using the entire width of it's parent
-
When the element is focused, the browser is scrolling the element to the left, a fake fix could be achieved by adding
preventScroll: true
to focus() https://github.com/voidwell/Voidwell.ClientUI/blob/master/src/src/app/planetside/search/planetside-search.component.ts#L16 -
Using a layout, like flex box, within
planetside-search.template.html
to lay the search elements out, and cleaning up the css would probably be the best approach