webix
webix copied to clipboard
ExcelFilter + Sorting + header text wrapper in any HTML element = wrong icons positions
Demo: https://snippet.webix.com/trmny4bq
Description: If some datatable header have content='ExcelFilter', some sorting assigned an header text wrapped in any HTML element - sorting icon is displaying above filter icon.
Expected behaviour: Sorting icon should be placed aside with filter icon, the same as it displayed if header text is not wrapped in any HTML element.
Bug reproduces in: IE, Firefox, Chrome
Possible solution
In current webix styles there is line like:
.webix_excel_filter + .webix_ss_sort_asc,
.webix_excel_filter + .webix_ss_sort_desc {
right: 24px;
}
Just replace "+" to "~" to make this styles works fine:
.webix_excel_filter ~ .webix_ss_sort_asc,
.webix_excel_filter ~ .webix_ss_sort_desc {
right: 24px;
}