Ok this one is a little hacky. I have a search input that i want to trigger a popup as soon as a user starts typing and then I want that popup to have a filtering RG based on the input text. The issue with groupfocus or popups is that they only work once someone clicks enter vs when they start typing (input changed workflow) and floating groups can’t be positioned well.
I think I figured out something cool which is I have the input search in a reusable element and have added a hidden group directly beneath it in the reusable element. I set that group to be visible when input is focused or when input is not empty. The lineup is perfect and it looks like a popup when I start typing.
In the group I have a 2 buttons and a shape and then beneath it I have 2 repeating group where I’m searching for posts using the input field as the criteria. This strategy works everywhere else. I’m testing it and the weirdest thing is happening. I can see the buttons that i’m using to filter (custom states for 2 different RGs), but they aren’t visible. I wanted to see if it’s the custom states or something so I made them visible and they still don’t show. i added a button down there and it also doesn’t show. The reusable element has an inf height. Not sure what’s going on.
so when the group itself, which also has the repeating groups and buttons and shape is shown the repeating groups, buttons and shape are not visible, but the inspector tool is indicating that they are visible?
don’t use any conditionals that utilize the rg is loading operator, it doesn’t work properly as it will load some results and then a few more so it will switch between is loading is yes and is no, plus when page first loaded the rg is loading is no, so once data starts to be returned from server it changes to is yes…it is a terrible operator and not one to rely on for making things visible or not.
Ok I basically redid everything step by step to see what works and we’re super close.
I’ve gotten it to the point where the full RG groups show, the conditionals work, and you can toggle between the two custom states that then display the RGs.
The issue appears to be in my data source which is Search for Posts and then post description contains keywords from input search. This is how I’m filtering everywhere else and it works fine, but there’s something here that’s wonky.
Once I just make it search for posts with no criteria everything shows up fine.
Hey Boston I have noticed it too , to extend the topic what is the substitute way for this ? lets say I have rg and an icon that is shown when rg is loading ?
No easy way, and it depends a lot on the specific setup and what else is available to use. One way, could be to use conditions of page is loaded entire is yes, rg count is greater than 0 and making the rg not visible until the rg count is greater than 0 and use in conditions whether or not the rg is visible.
