DatePicker пользовательского интерфейса JQuery не отображается из поля ввода, а только вокруг него

Question

У меня есть поле ввода, в которое я добавил указатель даты. По какой-то причине, когда я щелкаю поле ввода, средство выбора даты не открывается, но если я щелкаю вокруг него, средство выбора даты открывается и заполняет данные в поле.

Это HTML:

<div class="row">
  <label for="video_due_date">Birthday Date</label>
  <div class="text">
    <input id="video_due_date" name="video[due_date]" size="30" type="text" value="2011-12-24 13:51:58 UTC" />                                                      
  </div>                                
</div>

Это CSS:

.sign-form .row .text,
.sign-form .place-holder{
    float:left;
    background:url(../images-2/sprite-form.gif) no-repeat 0 -44px;
    position:relative;
    height:38px;
}

А это код JS:

<script type="text/javascript">
$(document).ready(function() {
  $('#video_due_date').datepicker({minDate: 0,
                                   dateFormat: 'yy-mm-dd     00:00:00'
                                  });
});
</script>

Есть ли у вас какие-либо идеи о том, что может вызвать эту проблему, и что я должен изменить, чтобы открыть указатель даты из поля, а не из области вокруг него?

Спасибо, Керен

Answer 1

OK.Понял.Это была какая-то проблема в .row: после урока.Вот рабочая версия:

.row:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

Этот код скопирован из blueprint css framework.

Здесь это весь код.