GroupFocus width same as the reference group?

Need help Responsiveness
1

Hello guys,

I’ve been trying to find a solution for this one over the forum but I couldn’t find.

From the screenshot, I want to make the width of GroupFocus the same as the width of the field which is leading to a dropdown (GroupFocus):

image

Is there any way to make this possible? So literally the width of GroupFocus same as field “Main traffic source”. The “Main traffic source” field does not have a fixed width.

Any help is appreciated.

Best,
TP

2

I had the exact same query which I posted here → Group Focus max width within reusable element

Unfortunately I did not receive any answers :frowning:

3

Hey @espptyltd and @petrovic.teodor ,

i think the solution must be simple for this that give the same style(height, width, padding, etc) to focus group as the other group.

what’s the issue here!!?

4

This requires a bit of CSS:

9 Likes
5

just for a try i created a dropdown and a focus group. gave fixed width to both 90% and the same alignment.
and its working properly.

6

It’s not the solution because the input field is responsive (does not have fixed width), therefore a GroupFocus should be responsive relative to the input field.

Thank you @ladd0393 , I will take a look at this video. By title, it seems it’s exactly solving this problem.

1 Like