shepherd icon indicating copy to clipboard operation
shepherd copied to clipboard

modelOverlay do not fully highlight the specified div

Open Obermair opened this issue 3 years ago • 6 comments

Hi, i have an issue with an element that is not fully highlighted as i specified.

image

As you can see my dropdown menu is not highlighted correctly. All other steps I highlighted are working fine. There is a property called modalOverlayOpeningPadding for Steps for controlling the modal overlay overall padding but can the padding be controlled individually by left, right, top and bottom?

Obermair avatar Aug 04 '22 09:08 Obermair

G2K: the dropdown has a position absolute property - when removing that it is working properly. But I don't want to do without it because otherwise the positioning isn't working how it should.

Obermair avatar Aug 05 '22 07:08 Obermair

Same situation for me

didaquis avatar Sep 02 '22 07:09 didaquis

Perhaps try wrapping in a position relative div or putting one inside? I'm not sure what causes this, but my guess is there are workarounds.

RobbieTheWagner avatar Sep 06 '22 00:09 RobbieTheWagner

@Obermair @didaquis can you provide a repro? Applying absolute positioning to the demo, apart from the weird positioning of elements, doesn't have any issues with the sizing of the overlay.

simoneb avatar Oct 24 '22 16:10 simoneb

I have applied overflow:auto to target element and it worked, but have no idea why :D

beska0013 avatar Mar 03 '23 20:03 beska0013

Hi, I am facing same issue. It only highlights the area which is in viewport at the time of first load

MujahidMaqbool avatar Mar 08 '23 13:03 MujahidMaqbool