TelUI Combo Box Data Disappearing Issue

[cjmann]

There is currently an issue in the TelUI Combo Box drop down when a user clicks the scroll bar (in between the arrows) that causes all of the data/values to disappear. The data reappears when the scroll bar is clicked again or when the user closes the drop down and re-opens it.

To replicate the problem it needs to be a Windows machine with the latest version of Chrome. The bug does not appear so far in Firefox or IE. Additionally it only appears to affect drop downs that don't actually need to scroll.

Open the edit/create page and add a promotion action. Open the dropdown that allows a user to select either "MRC" or "NRC" Click and drag the scroll bar up The data should go missing Click out of the dropdown and back in to resolve the problem

See the Rules Author issue #91

[cjmann]

Matt's email comment was " I think the issue has to do with chrome trying to render 4.465999999999999px of padding, and I think if we just round some CSS things in stylus, it should fix the issue."

[qwinzeth]

In the TelUI demo project there is src/public/styles/core/theme/widgets/ui.button.styl that can't be edited because it gets overwritten. This stylus file has this line:

$line-margin ?= ($brick - $line) * 0.5;

I would like to add this line underneath:

$line-margin = floor($line-margin);

So where is this file being generated from?

[the-simian]

turns out that wasn't the issue.

It was specifically a probem with chrome itself munging readings from items with display: inline-block that are nested inside of a an element that has max-height and overflow:auto

In other words the calculations were correct, but the browser was not flowing in the elements correctly. This can apparently also be exploited by setting line-height: 1 on the body tag...but only in chrome.