You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Everything works fine on Windows. But for Mac OS (tested in all browsers), position of .shepherd-element is not with focused element (it is positioned to left corner of the browser). Once I resize window it goes to the correct position.
By the way, modalOverlayOpening is working perfectly and .shepherd-arrow is aligned next to the focused element correctly, but not the box .shepherd-element.
Note: I am using react-shepherd
Resolved: Finally, I found solution to my issue. I was using custom CSS. .shepherd-element requires max-width property to work correctly in Mac OS.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Everything works fine on Windows. But for Mac OS (tested in all browsers), position of
.shepherd-element
is not with focused element (it is positioned to left corner of the browser). Once I resize window it goes to the correct position.By the way, modalOverlayOpening is working perfectly and
.shepherd-arrow
is aligned next to the focused element correctly, but not the box.shepherd-element
.Note: I am using react-shepherd
Resolved: Finally, I found solution to my issue. I was using custom CSS.
.shepherd-element
requiresmax-width
property to work correctly in Mac OS.Beta Was this translation helpful? Give feedback.
All reactions