Hi @mmichalak,
we discovered a bug in Jira 8 EAP that still isn’t fixed in the Beta.
In the select2.css file (or rather com.atlassian.auiplugin:split_aui.component.form.select2.css as it is called when downloaded), a change was made from previous versions that doesn’t make any sense:
@media all,(-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio:1.5) {
.aui-select2-container.select2-container .select2-search-choice-close,.aui-select2-container.select2-container .select2-choice abbr {
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAKUlEQVQI12NgYFj0nwEKwKxF/9P+Q4TgLAgDIQEVQuJiCKBpwWoosrUAzbg31XT4p6QAAAAASUVORK5CYII=') 0 0 no-repeat !important;
background-size: 8px !important
}
}
became
@media ,(-webkit-min-device-pixel-ratio: 1.5),(min-resolution:1.5dppx) {
.aui-select2-container.select2-container .select2-choice abbr,.aui-select2-container.select2-container .select2-search-choice-close {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAKUlEQVQI12NgYFj0nwEKwKxF/9P+Q4TgLAgDIQEVQuJiCKBpwWoosrUAzbg31XT4p6QAAAAASUVORK5CYII=") 0 0 no-repeat!important;
background-size: 8px!important
}
}
Notice the missing “all” before the comma? It looks like someone inadvertently deleted it (if it were intentional, the comme would be gone, too).
The impact is that the “x” to delete selected items in a Select2 component is distorted on low-resolution screens (non-Retina or equivalent). For example:
becomes:
I know it doesn’t sound too bad, but it’s ugly and sooooo easy to fix…
To reproduce the issue, create a Select2 component with the allowClear option set to true, and display it on a low-res screen, or if on a Retina display, lower the zoom to 67% (and get a magnifying glass )
I hope it can be fixed before the release,
Cheers,
David