vedmack/yadcf

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

Closed this issue · 1 comments

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;
}

closing as was fixed by the reporter :)