Bug #65055
closedDate and DateTimePicker not shown in FireFox and IE
100%
Description
Date and DateTimePicker is not shown in FireFox and IE in the latest master of Typo3
Updated by Frederic Gaus over 9 years ago
- Sprint Focus set to Stabilization Sprint
Updated by Mathias Schreiber over 9 years ago
That's weird.
Clicking the icon should move the focus to the datefield which will then in return trigger the datepicker.
I do not get the error on Firefox, but can reproduce on IE9 and 10.
Updated by Frederic Gaus over 9 years ago
I can not confirm this issue on Firefox on Mac. But The Datefield of the Stop-Date (Expiration Date) is not useable for me.
Updated by Nicole Cordes over 9 years ago
Icons are shown in Firefox and IE as well.
In IE (even 11): Although the click on the icon does focus the input field, it doesn't show the date picker. But focusing the input field manually works just fine. I have tried to find any issue but I have no clue.
Updated by Markus Klein over 9 years ago
Can't reproduce on FF either, but IE11 has this issue.
I tried to debug a bit: My conclusion is that IE somehow does not trigger the focus event when clicking the label.
I wanted to modify the bootstrap datetimepicker to add a console.log() but it always uses the min.js version, which I did not fiddle around with.
So it would be necessary to confirm this thesis first.
Updated by Jigal van Hemert over 9 years ago
Clicking the label (the icon) in IE11 shows the datepicker for a very, very short time if the input field is empty. In this case there is also an onChange event (attached with the onChange="" attribute) which is triggered in IE11 (inserted a tracepoint in the IE debugger on TBE_EDITOR.fieldChanged).
Still a mystery what goes wrong with showing the datepicker itself...
Updated by Jigal van Hemert over 9 years ago
Attaching the t3js-datepicker class to DIV wrapper makes the date picker appear when clicking the label, but it doesn't work on the INPUT field anymore.
Next thing was to add an extra onClick="document.getElementById('formengine-input-HASH').click();" attribute for testing. In this case a click is forced on the INPUT field, but the same behaviour appears in IE11: if the field is empty the datepicker appears for some tenth of a second, if the field is filled it is not visible.
The example in
http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&clearBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox
(also an icon after the form and a clear button inside if a date is set)
works flawlessly in IE11.
Updated by Markus Klein over 9 years ago
- Status changed from New to Accepted
- Target version changed from 7.1 (Cleanup) to next-patchlevel
Found the issue:
Two events are triggered: focus and click
However the order of the events is crucial but different in IE.
Chrome: focus, click
IE: click, focus
A condition in the bootstrap JS captures the double event thing and prevents hiding the picker again when the click event arrives.
Since the order is inverted in IE, the click event shows the picker and focus hides it again.
How to debug:
typo3/sysext/core/Classes/Page/PageRenderer.php:1635 change to 'twbs/bootstrap-datetimepicker' => $this->backPath . 'contrib/twbs/bootstrap-datetimepicker',
Set a breakpoint in typo3/contrib/twbs/bootstrap-datetimepicker.js:1185
Updated by Job Rutgers over 9 years ago
My FireFox problem is solved now after resetting to defaults.
In the latest master I still have some problems with IE11 when I click on the calender icon the pop-up won't show.
Updated by Markus Klein over 9 years ago
- Category set to Backend User Interface
- Target version changed from next-patchlevel to 7.2 (Frontend)
- Complexity set to hard
Updated by Gerrit Code Review over 9 years ago
- Status changed from Accepted to Under Review
Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at http://review.typo3.org/38885
Updated by Gerrit Code Review over 9 years ago
Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at http://review.typo3.org/38885
Updated by Anonymous over 9 years ago
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
Applied in changeset f47d3bced4d2754e726d86c470a25330ea192e1f.
Updated by Gerrit Code Review over 9 years ago
- Status changed from Resolved to Under Review
Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at http://review.typo3.org/38922
Updated by Anonymous over 9 years ago
- Status changed from Under Review to Resolved
Applied in changeset 004d40dfd6ff7a3c5910c45bf7840c53bc5bef36.
Updated by Riccardo De Contardi almost 7 years ago
- Status changed from Resolved to Closed