SimpleBar plugin problems in the thumbnail track

[justkd]

Description

A recurring issue has been how SimpleBar interacts with the thumbnail track across browsers.

It seems that browser specific quirks concerning the nesting of elements is causing SimpleBar to sometimes not work properly in the thumbnail track only. I've not seen any issues in the other containers.

• The first instance occurred just in Safari. SimpleBar would render, but did not make the proper adjustments to hide the default scroll bar when the scroll bar was activated and appeared. This was isolated to Safari.

• The second instance did occur in Chrome, Firefox, and Safari. There was no immediately obvious change in code before this bug appeared, but the padding for nested elements worked in the thumbnail track was working, then SimpleBar began rendering immediately on load and permanently showed the default scroll bar. I only had to make changes to the size of the padding to fix.

This needs to be watched, but is not currently (July 25, 2018) a visible issue. I'm adding it here because it has popped up multiple times, each requiring a different solution.

It may be that the CSS and HTML nesting for that container needs to simplified/optimized.

Acceptance Criteria

Update [Required]

• Identify the root cause of the problem
• Apply a solution that fixes the issue reliably for the current stable builds of supported browsers

Enhancement to Update [Optional]

• [LIST ITEMS]

Definition of Done

• All of the required items are completed.
• Approval by 1 mentor.