opendev/gerrit
Code Issues Proposed changes

Move overflow-y to gr-account-list internal list

Browse Source 
The reply dialog set the max height of the gr-account-list component.
Because the autocomplete dropdown is positioned absolutely, it appeared
to not exist on the input as the account-list required more and more
scroll.

Applying a max-height and overflow-y to the list of account chips within
the account-list fixes the autocomplete dropdown placement.

Bug: Issue 7112
Change-Id: I5714f8f08c24d4ed2048b75dbc9ccf0e69b17774
This commit is contained in:
Kasper Nilsson
2017-09-11 14:07:46 -07:00
parent eae61e40c8
commit a1ca71d0e5
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
polygerrit-ui/app/elements/change/gr-account-list/gr-account-list.html
View File

@@ -37,12 +37,15 @@ limitations under the License.
.pending-add {
font-style: italic;
}
.list {
@apply --account-list-style;
}
</style>
<!--
NOTE(Issue 6419): Nest the inner dom-repeat template in a div rather than
as a direct child of the dom-module's template.
-->
<div>
<div class="list">
<template id="chips" is="dom-repeat" items="[[accounts]]" as="account">
<gr-account-chip
account="[[account]]"

2
polygerrit-ui/app/elements/change/gr-reply-dialog/gr-reply-dialog.html
View File

@@ -76,9 +76,11 @@ limitations under the License.
display: flex;
flex-wrap: wrap;
flex: 1;
--account-list-style: {
max-height: 12em;
overflow-y: auto;
}
}
#reviewerConfirmationOverlay {
padding: 1em;
text-align: center;