Prevents erratic rendering issues

This occurs due to a race condition in the rendering where the scrollbars enable and disable over and over because of a slow height calculation. Giving any height number appears to close the loop by never letting the height resolve to 0

Refs #4632
This commit is contained in:
Samuel Georges 2019-12-08 10:27:59 +11:00
parent f1b0df70dc
commit 1e449c82b6
2 changed files with 5 additions and 1 deletions

View File

@ -73,7 +73,7 @@ div[data-control="media-manager"] .list-container p.no-data {padding:0 20px 20px
div[data-control="media-manager"] .list-container li.no-data {padding-top:20px;display:block !important;width:100% !important;border:none !important;background:transparent !important;cursor:default !important}
div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td {background:#4ea5e0 !important}
div[data-control="media-manager"] [data-control="item-list"] {position:relative;display:table-cell}
div[data-control="media-manager"] .control-scrollpad {position:absolute;left:0;top:0}
div[data-control="media-manager"] .control-scrollpad {position:absolute;left:0;top:0;min-height:300px}
div[data-control="media-manager"] .scroll-wrapper {position:relative}
div[data-control="media-manager"] table.table {table-layout:fixed;margin-bottom:0;white-space:nowrap}
div[data-control="media-manager"] table.table div.no-wrap-text {overflow:hidden;text-overflow:ellipsis}

View File

@ -395,6 +395,10 @@ div[data-control="media-manager"] {
position: absolute;
left: 0;
top: 0;
// Prevents erratic rendering issues when the height is
// sometimes calculated as 0 then repeatedly redrawn
min-height: 300px;
}
.scroll-wrapper {