Fixed Note tooltip: Button height inconsistency with icon+text and icon only buttons, in Firefox: shrinking note textarea


Well-known member
Affected version
Here on, XFMG's note tooltip 'Save' and 'Cancel' buttons have additional padding whereas the delete button has normal padding.

The same button height/padding issue was previously fixed for XFMG image editor buttons:


Additionally, when editing an existing note in FireFox, the textarea height shrinks once it has focus. Some inline CSS is added at this point that was not there pre-focus:
overflow: hidden; overflow-wrap: break-word; height: 56px;

This editing note textarea height issue doesn't seem to affect Chrome.

When adding a new note, the above inline CSS is added without first giving the textarea focus.


in memoriam 1947-2022
I don't think that is the default style, correct?

What I see in the default style for notes looks like this:



Well-known member
Yes, this is the default style. The screenshot was captured right here on :)

Image notes in XenForo Media Gallery are something that you can add to a certain spot on your own XFMG images, such as identifying someone's face or specific points of interest. They were added in XFMG 2 (as a replacement for user tagging in XFMG 1). Image notes are described in more detail in the 'Have you seen...?' post for XFMG below:

XF Bug Bot

XenForo bug fixer bot
Staff member
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XFMG release (2.1.3).

Change log:
Adjust size of delete button when editing an image note and workaround a sizing issue for the note field in Firefox.
Any changes made as a result of this issue being resolved may not be rolled out here until later.