Width of introjs-helperLayer and introjs-tooltipReferenceLayer

[ivanbacher]

At the moment the width of these layers is about 5 px greater than the original bounding box of the element.

Is it possible to set the width to the exact size of the data-step/data-intro element?

[ivanbacher]

https://github.com/usablica/intro.js/blob/master/intro.js#L742

Changing the following code seems to fix the issue.

helperLayer.setAttribute('style', 'width: ' + (elementPosition.width  + widthHeightPadding)  + 'px; ' +
                                        'height:' + (elementPosition.height + widthHeightPadding)  + 'px; ' +
                                        'top:'    + (elementPosition.top    - 5)   + 'px;' +
                                        'left: '  + (elementPosition.left   - 5)   + 'px;');

to

helperLayer.setAttribute('style', 'width: ' + (elementPosition.width)  + 'px; ' +
                                         'height:' + (elementPosition.height)  + 'px; ' +
                                         'top:'    + (elementPosition.top)   + 'px;' +
                                         'left: '  + (elementPosition.left)   + 'px;');

However, I am not sure if this will cause any other issues.

[bozdoz]

Shouldn't cause any other issues. It's just a style change/preference.

[afshinm]

I believe we have fixed this in the previous version.