Services Plugins FAQs

Search and Autocorrect

Plugins
#1

Hello Team,

Let me start by saying I don’t think this is an issue with the plugin, rather a z-index issue with the Repeating Group that displays the results.

The plugin is return values just fine but the repeating group is appear underneath other elements, naturally I need it to be on top. I have tried altering the z-index in the chrome inspector as well as using some custom CSS plugins but have not been able to make any difference.

image

Thoughts?

#2

Hi @kurt1 ,

Thanks for reaching out!

You’re correct in noting that the issue you’re experiencing with the Repeating Group’s z-index is likely not a plugin bug, but rather a styling conflict with the layout. On our demo page for the Search and Autocorrect plugin, we intentionally have the Repeating Group display underneath other elements, which is the default behavior.

For your use case, where you need the Repeating Group to appear on top of other elements, here are a few suggestions:

  1. Modify the Repeating Group’s z-index: You can adjust the z-index of the Repeating Group directly in its settings. Try setting a higher z-index (like 9999) on the Repeating Group to ensure it appears above other elements. You can do this via the Bubble editor under the “Appearance” tab.
  2. Inspect other page elements: Ensure that no other page elements (like popups, modals, or headers) are using a higher z-index that could be interfering with the display of the Repeating Group.
  3. Custom CSS: If you’re comfortable using custom CSS, you can target the Repeating Group using something like this:
.your-repeating-group-class {
   z-index: 9999 !important;
   position: relative;
}

Be sure to add !important to ensure it overrides any conflicting styles.

  1. Group Containers: If necessary, you can place the Repeating Group inside a dedicated group container and apply the z-index to the container. This helps manage the stacking order more precisely.

Looking forward to your reply. :sunflower:

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble
Banner_Last3