jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mode menu: fix height of tag edit box in edit mode.

Browse Source 
Bug: in edit mode, each time you click a thumbnail the height of the tag
edit box increases by 4px.

This is due to `scrollHeight` including vertical padding. Fix it to a)
ignore this padding, and b) ensure the min height is at least 80px.
This commit is contained in:
evazion
2017-06-04 14:02:46 -05:00
parent 09ed1ea720
commit 9b31e16627
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/post_mode_menu.js
View File

@@ -138,7 +138,13 @@
var $post = $("#post_" + post_id);
$("#quick-edit-div").slideDown("fast");
$("#quick-edit-form").attr("action", "/posts/" + post_id + ".json");
$("#post_tag_string").val($post.data("tags") + " ").focus().selectEnd().height($("#post_tag_string")[0].scrollHeight);
$("#post_tag_string").val($post.data("tags") + " ").focus().selectEnd();
/* Set height of tag edit box to fit content. */
$("#post_tag_string").height(80); // min height: 80px.
var padding = $("#post_tag_string").innerHeight() - $("#post_tag_string").height();
var height = $("#post_tag_string").prop("scrollHeight") - padding;
$("#post_tag_string").height(height);
}
Danbooru.PostModeMenu.click = function(e) {