# CMS Search Component issues

**URL:** <https://forums.realmacsoftware.com/t/cms-search-component-issues/56536>\
**Category:** Elements\
**Created:** [June 6, 2026, 8:14pm UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536 "2026-06-06T20:14:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![herbing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/herbing/32/13268_2.png) [@herbing](https://forums.realmacsoftware.com/u/herbing)\
**Post date:** [June 6, 2026, 8:14pm UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/1 "2026-06-06T20:14:51Z")

</div>

Hi @ben

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.

1. 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.
2. 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.

Thanks for taking a look.

 ![Bildschirmfoto 2026-06-06 um 21.56.44](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/6/76c998880f8aaca373f31bee4f0e2698b33d794f.png)

class=absolute in DIV below search box

![Bildschirmfoto 2026-06-06 um 21.58.59](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/7/878106ae326ddb3de3099ebfedd1b2db3eca334c.png) \<— this is the culprit

absolute manually removed

![Bildschirmfoto 2026-06-06 um 21.59.42](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/3/a3a7609e0a764da0399fe6c1d362fb37f69e5f35.png) ← no more class=“absolute”

correct behavior

 ![Bildschirmfoto 2026-06-06 um 21.57.06](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/0/b0a9ea67001e228eb9c2e8e950cf793039d745e9.png)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 10, 2026, 7:22am UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/2 "2026-06-10T07:22:01Z")

</div>

Hi @herbing  
Glad to hear you’re enjoying the new CMS update 🙂

> [@herbing](#):
>
> 1. 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

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 🙂

> [@herbing](#):
>
> 1. The results area is overflowing its 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.

From your screenshots, I believe this is expected behaviour, but do you have a URL or project file we can take a look at?

---

<div class="post-metadata">

**Author:** ![herbing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/herbing/32/13268_2.png) [@herbing](https://forums.realmacsoftware.com/u/herbing)\
**Post date:** [June 10, 2026, 9:12am UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/3 "2026-06-10T09:12:13Z")

</div>

Hi @ben

Thanks for getting back to me.

1. Understood. Thanks.
2. 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,

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 10, 2026, 1:25pm UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/4 "2026-06-10T13:25:36Z")

</div>

> [@herbing](#):
>
> 1. The position=absolute is created by the CMS search component and I don’t understand why.

It’s by design. The CMS Search component is designed to have the results show as a flowing box underneath the search input.

We (or third-parties) will likely add additional CMS search components in the future, but at the moment this is just how the CMS Search works.

---

<div class="post-metadata">

**Author:** ![herbing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/herbing/32/13268_2.png) [@herbing](https://forums.realmacsoftware.com/u/herbing)\
**Post date:** [June 10, 2026, 2:37pm UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/5 "2026-06-10T14:37:57Z")

</div>

Do you see any chance making this a configuration option in the near future?

---

<div class="post-metadata">

**Author:** ![herbing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/herbing/32/13268_2.png) [@herbing](https://forums.realmacsoftware.com/u/herbing)\
**Post date:** [June 10, 2026, 4:37pm UTC](https://forums.realmacsoftware.com/t/cms-search-component-issues/56536/6 "2026-06-10T16:37:38Z")

</div>

> Do you see any chance making this a configuration option in the near future?

Update: Don’t bother anymore. I fixed it with a one-liner of JS in a custom component.