See https://www.woltlab.com/community/thread/301671-bildauswahl-boxen/
<div class="inputAddon mediaManagerSearch">
<input type="text" class="mediaManagerSearchField" placeholder="{lang}wcf.media.search.placeholder{/lang}">
<span class="inputSuffix">
- <button type="button" class="mediaManagerSearchCancelButton jsTooltip" title="{lang}wcf.media.search.cancel{/lang}">
+ <button type="button" class="button mediaManagerSearchCancelButton jsTooltip" title="{lang}wcf.media.search.cancel{/lang}">
{icon name='xmark'}
</button>
</span>
import * as FileUtil from "../../FileUtil";
import * as Language from "../../Language";
import * as UiDialog from "../../Ui/Dialog";
-import DomUtil from "../../Dom/Util";
class MediaManagerSelect extends MediaManager<MediaManagerSelectOptions> {
protected _activeButton: HTMLElement | null = null;
<div class="inputAddon mediaManagerSearch">
<input type="text" class="mediaManagerSearchField" placeholder="{lang}wcf.media.search.placeholder{/lang}">
<span class="inputSuffix">
- <button type="button" class="mediaManagerSearchCancelButton jsTooltip" title="{lang}wcf.media.search.cancel{/lang}">
+ <button type="button" class="button mediaManagerSearchCancelButton jsTooltip" title="{lang}wcf.media.search.cancel{/lang}">
{icon name='xmark'}
</button>
</span>