MDL-59667 form: stop datepicker from rendering outside viewport

Stop the date picker panel from being rendered outside of the
viewport, for example when being displayed in a modal.
This commit is contained in:
Ryan Wyllie 2017-08-14 02:47:38 +00:00
parent f3625f47c5
commit ecc88f3379
4 changed files with 8 additions and 8 deletions

View File

@ -69,7 +69,8 @@ M.form.dateselector = {
this.panel = new Y.Overlay({
visible: false,
bodyContent: Y.Node.create('<div id="dateselector-calendar-content"></div>'),
id: 'dateselector-calendar-panel'
id: 'dateselector-calendar-panel',
constrain: true // constrain panel to viewport.
});
this.panel.render(document.body);
// zIndex is added by panel.render() and is set to 0.
@ -131,7 +132,6 @@ M.form.dateselector = {
];
}
this.panel.set('align', {
node: this.currentowner.get('node').one('select'),
points: alignpoints

File diff suppressed because one or more lines are too long

View File

@ -69,7 +69,8 @@ M.form.dateselector = {
this.panel = new Y.Overlay({
visible: false,
bodyContent: Y.Node.create('<div id="dateselector-calendar-content"></div>'),
id: 'dateselector-calendar-panel'
id: 'dateselector-calendar-panel',
constrain: true // constrain panel to viewport.
});
this.panel.render(document.body);
// zIndex is added by panel.render() and is set to 0.
@ -131,7 +132,6 @@ M.form.dateselector = {
];
}
this.panel.set('align', {
node: this.currentowner.get('node').one('select'),
points: alignpoints

View File

@ -67,7 +67,8 @@ M.form.dateselector = {
this.panel = new Y.Overlay({
visible: false,
bodyContent: Y.Node.create('<div id="dateselector-calendar-content"></div>'),
id: 'dateselector-calendar-panel'
id: 'dateselector-calendar-panel',
constrain: true // constrain panel to viewport.
});
this.panel.render(document.body);
// zIndex is added by panel.render() and is set to 0.
@ -129,7 +130,6 @@ M.form.dateselector = {
];
}
this.panel.set('align', {
node: this.currentowner.get('node').one('select'),
points: alignpoints