react-bootstrap-datetimepicker Datepicker positioning in same place for all datepickers

Datepicker positioning in same place for all datepickers

Open kylelamse opened this issue 9 years ago • 4 comments

faulty-datepicker

I clicked on the bottom datepicker and the top datepicker and they all appear in the wrong place.

Mar 03 '16 23:03 kylelamse

Same issue.

Mar 09 '16 14:03 malexdev

hey guys i got the same error but I think if you would like to know then the following line

offset.top = 40;

at line 357 of the distribution code (not the minified) should be

offset.top -= 40;

Also same thing at line 352, hope that helps you

Mar 14 '16 22:03 mackram

I'm experiencing the same issue. Is there a PR for this fix?

Apr 06 '16 07:04 crobinson42

@kylelamse @codechimera the fix is referenced in #137... There's no need to change the lines @mackram mentioned.

Fix:

Putting style={{positon:relative}} on the wrapping div in DateTimeField.js seems to fix things.

It's a css position inheritance issue. Putting the position:relative fixed all the issues I was having with placement.

Nonetheless, there is still an outstanding fix needed for this that will close the following issues: #155 #137 #131 #104 #48 #36

Apr 06 '16 22:04 crobinson42