Pull from a remote repo setting accordion style issue or misbehavior
Summary
All settings on the repository setting page are expandable and collapsable. But, only Pull from a remote repository setting doesn't have expand animation.
On another case of mine which I cant really reproduce anywhere else (68.0.3440.84 (Official Build) (64-bit) Win7, with vimium extension, etc ...), a single click anywhere after repository setting page loaded trigger the expansion of "Pull from a remote repository".
After several clicks/expands/collapses/ Deploy Keys setting also has simmilar (expand animation dissappears) issue.
Steps to reproduce
- Open owned repository
- Open repository setting page
- Expand "Pull from a remote repository" setting
What is the current bug behavior?
Pull from a remote repository setting expand doesn't has animation.
What is the expected correct behavior?
Pull from a remote repository setting expand has animation.
Relevant logs and/or screenshots
raven.js:1058 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ raven.js:1058
add @ jquery.js:5039
(anonymous) @ jquery.js:4939
each @ jquery.js:354
each @ jquery.js:189
Oe @ jquery.js:4938
on @ jquery.js:5547
initContainer @ select2.js:2216
init @ select2.js:755
(anonymous) @ select2.js:3391
each @ jquery.js:354
each @ jquery.js:189
e.fn.select2 @ select2.js:3378
(anonymous) @ main.js:133
a @ raven.js:360
raven.js:1058 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ raven.js:1058
add @ jquery.js:5039
(anonymous) @ jquery.js:4939
each @ jquery.js:354
each @ jquery.js:189
Oe @ jquery.js:4938
on @ jquery.js:5547
initContainer @ select2.js:2247
init @ select2.js:755
(anonymous) @ select2.js:3391
each @ jquery.js:354
each @ jquery.js:189
e.fn.select2 @ select2.js:3378
(anonymous) @ main.js:133
a @ raven.js:360
raven.js:1058 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ raven.js:1058
add @ jquery.js:5039
(anonymous) @ jquery.js:4939
each @ jquery.js:354
each @ jquery.js:189
Oe @ jquery.js:4938
on @ jquery.js:5547
init @ select2.js:762
(anonymous) @ select2.js:3391
each @ jquery.js:354
each @ jquery.js:189
e.fn.select2 @ select2.js:3378
(anonymous) @ main.js:133
a @ raven.js:360
raven.dcbf9dae.chunk.js:1 [Violation] 'DOMContentLoaded' handler took 163ms
repository:1 [DOM] Found 5 elements with non-unique id #: (More info: https://goo.gl/9p2vKq) <input type="search" id class="dropdown-input-field" placeholder="Search protected branches" autocomplete="off"> <input type="search" id class="dropdown-input-field" autocomplete="off"> <input type="search" id class="dropdown-input-field" autocomplete="off"> <input type="search" id class="dropdown-input-field" placeholder="Search protected tags" autocomplete="off"> <input type="search" id class="dropdown-input-field" autocomplete="off">
repository:1 [DOM] Found 2 elements with non-unique id #edit_project_7795544: (More info: https://goo.gl/9p2vKq) <form class="gl-show-field-errors project-mirror-push-form js-project-mirror-push-form" autocomplete="false" data-project-mirror-endpoint="/giovanism/ntrack-sa/mirror/ssh_host_keys.json" id="edit_project_7795544" action="/giovanism/ntrack-sa/mirror" accept-charset="UTF-8" method="post">…</form><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden" name="authenticity_token" value="G8rQnG8lyKswZgE05EuQQIMJaXYf9TGwQHfBfnPRSO/C0cMLo2YumGQOueKIkxWCo4WYY0ge/1sgo9UVDqSKmA=="><div>
</div><div class="form-group">…</div><div class="form-group">…</div><div class="account-well prepend-top-default append-bottom-default">…</div><div class="form-group hidden js-ssh-host-keys-section">…</div><div class="form-group">…</div><div class="form-group">…</div><div class="form-group">…</div><div class="form-group">…</div><div class="form-group">…</div><div class="form-group">…</div><input type="submit" name="update_remote_mirror" value="Save changes" class="btn btn-create"></form> <form class="edit_project" id="edit_project_7795544" action="/giovanism/ntrack-sa/mirror" accept-charset="UTF-8" method="post">…</form><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden" name="authenticity_token" value="G8rQnG8lyKswZgE05EuQQIMJaXYf9TGwQHfBfnPRSO/C0cMLo2YumGQOueKIkxWCo4WYY0ge/1sgo9UVDqSKmA=="><div>
</div><div class="form-group">…</div><div class="form-group has-feedback">…</div><div class="form-group">…</div><input type="submit" name="update_remote_mirror" value="Save changes" class="btn btn-create"></form>
repository:1 [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) <input class="form-control" type="password" name="project[import_data_attributes][password]" id="project_import_data_attributes_password">
[Violation] Forced reflow while executing JavaScript took 40ms
Output of checks
This bug happens on GitLab.com
Edited by 🤖 GitLab Bot 🤖