alex/yomichan
1
Fork 0
Code Releases Activity

Fix search box resizing (#1316)

Browse Source 
* Don't resize the search box unless it's necessary

* Allow search box to shrink under certain circumstances
This commit is contained in:
toasted-nutbread 2021-01-25 22:19:44 -05:00 committed by GitHub
parent 34fed22ccb
commit 43c9a5eb6a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ext/bg/js/search.js
View File

@ -149,13 +149,15 @@ class DisplaySearch extends Display {
if (typeof source !== 'string') { source = ''; }
if (this._queryInput.value !== source) {
this._queryInput.value = source;
this._updateSearchHeight();
this._updateSearchHeight(true);
}
this._setIntroVisible(!valid, animate);
}
_onSearchInput() {
this._updateSearchHeight();
this._updateSearchHeight(false);
}
_onSearchKeydown(e) {
@ -185,6 +187,7 @@ class DisplaySearch extends Display {
text = text.substring(0, maximumClipboardSearchLength);
}
this._queryInput.value = text;
this._updateSearchHeight(true);
this._search(animate, false, autoSearchClipboardContent);
}
@ -357,11 +360,14 @@ class DisplaySearch extends Display {
this.setContent(details);
}
_updateSearchHeight() {
_updateSearchHeight(shrink) {
const node = this._queryInput;
if (shrink) {
node.style.height = '0';
}
const {scrollHeight} = node;
const currentHeight = node.getBoundingClientRect().height;
if (scrollHeight >= currentHeight - 1) {
if (shrink || scrollHeight >= currentHeight - 1) {
node.style.height = `${scrollHeight}px`;
}
}