HubSpot/drop

Manually repositioning drop when generated calculation is off?

Opened this issue · 1 comments

Several times the calculated position generated for my drops are slightly off. I've attempted applying a class to the drop and then specifying margins, but the behavior is odd and inconsistent. Referencing the the image below which has the 'position' set to 'top left'.

Drop Off

It seems like it should be a relatively easy task to set the margin-left of the drop to -10px so the arrow is centered with the icon, but I don't know how to do this in a way that works well with the code.

Use tetherOptions.offset:

tetherOptions: {
    offset: '0 20px',
},