Bug Tracker

Modify

Ticket #2598 (closed bug: fixed)

Opened 5 years ago

Last modified 5 years ago

[ui.datepicker] Datepicker status bar floating issue

Reported by: graste Owned by: iMarc
Priority: major Milestone: 1.2.4
Component: ui Version: 1.2.3
Keywords: ui datepicker showstatus float Cc:
Blocking: Blocked by:

Description

The status bar text is sometimes shown in the top row of the date picker instead of the bottom row. This happens due to not clearing the floats when displaying multiple months.

A quick fix in line 1350 solves the issue:

Change from

html += (showStatus ? '<div id="datepicker_status_' + this._id + 

to:

html += (showStatus ? '<div style="clear: both;"></div><div id="datepicker_status_' + this._id + 

Simple testcase that shows the floating issue:

$("input.dateperiod").datepicker({
    showStatus: true,
    rangeSelect: true,
    numberOfMonths: [1,2],
    stepMonths: 1
  });

Change History

comment:1 Changed 5 years ago by paul

  • Owner changed from paul to iMarc

comment:2 Changed 5 years ago by paul

  • Status changed from new to closed
  • Resolution set to fixed

Fixed in r5405.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.