Congrats on the CMS v2 and the online editor. This was a big step forward for Elements. Thanks for the hard work to make it happen. I just bought 2 Studio licenses for my projects, so impressed I was.
While designing my 1st site with Elements I made really good progress but found 2 issues with CMS Search component.
The clear search box icon (cross in solid circle) is not playing well with dark mode. If you make the search box dark (surface 900) this will not be visible anymore.
The results area is overflowing it’s parent container, resulting in ugly layout and no scrolling. Reason is that the results container is hard-coded to class=“absolute”. When I remove this in the published index.php, these things work well again. I provide pictures for the behaviour and the index.php code in question below.
Hi @herbing
Glad to hear you’re enjoying the new CMS update
This is a browser styling issue. The clear search icon colour is, by default, controlled by the browser. However, I’ll add this as an issue and see if we can improve this in a future update
From your screenshots, I believe this is expected behaviour, but do you have a URL or project file we can take a look at?
The position=absolute is created by the CMS search component and I don’t understand why. It causes the results to overflow the parent container, thus destroying the layout. Unfortunately there is no option to configure this in the CMS search component. The site is not yet public reachable, but I uploaded you the project file to support just now,
<— this is the culprit
← no more class=“absolute”
