vedmack / yadcf

Yet Another DataTables Column Filter (yadcf)
http://yadcf-showcase.appspot.com/
MIT License
732 stars 285 forks source link

'year select' formatting broken when using 'bootstrap-datetimepicker' #669

Closed matthewhegarty closed 1 year ago

matthewhegarty commented 1 year ago

When using 'bootstrap-datetimepicker', the formatting is broken if you select the 'year' or 'decade' view:

Screenshot 2022-11-29 at 13 25 19

JS Fiddle

To reproduce, click on 'From' input box, then the 'year' in the datepicker widget. The same issue occurs if you select the decade view as well.

I believe the issue comes from the css here. Removing white-space: nowrap; seems to resolve the issue.

I fixed this issue as follows:

.yadcf-filter-wrapper .datepicker-months, .yadcf-filter-wrapper .datepicker-years, .yadcf-filter-wrapper .datepicker-decades {
    white-space: normal;
}
vedmack commented 1 year ago

closing as was fixed by the reporter :)