Unverified Commit 9ec511c8 authored by alexpott's avatar alexpott
Browse files

Issue #1870006 by nod_, BarisW, alwaysworking, Renrhaf, pk188,...

Issue #1870006 by nod_, BarisW, alwaysworking, Renrhaf, pk188, andrewmacpherson, ranjith_kumar_k_u, vikashsoni, Gauravmahlawat, wolffereast, Wim Leers, jessebeach, xjm: HTML5 validation with table sticky header is misaligned over the toolbar
parent 24494c2e
......@@ -208,6 +208,8 @@
* Create the duplicate header.
*/
createSticky() {
// For caching purposes.
this.$html = $('html');
// Clone the table header so it inherits original jQuery properties.
const $stickyHeader = this.$originalHeader.clone(true);
// Hide the table to avoid a flash of the header clone upon page load.
......@@ -245,6 +247,11 @@
if (typeof offsetLeft === 'number') {
css.left = `${this.tableOffset.left - offsetLeft}px`;
}
this.$html.css(
'scroll-padding-top',
displace.offsets.top +
(this.stickyVisible ? this.$stickyTable.height() : 0),
);
return this.$stickyTable.css(css);
},
......
......@@ -90,6 +90,7 @@
tableHeight: null,
stickyVisible: false,
createSticky: function createSticky() {
this.$html = $('html');
var $stickyHeader = this.$originalHeader.clone(true);
this.$stickyTable = $('<table class="sticky-header"></table>').css({
visibility: 'hidden',
......@@ -110,6 +111,7 @@
css.left = "".concat(this.tableOffset.left - offsetLeft, "px");
}
this.$html.css('scroll-padding-top', displace.offsets.top + (this.stickyVisible ? this.$stickyTable.height() : 0));
return this.$stickyTable.css(css);
},
checkStickyVisible: function checkStickyVisible() {
......
......@@ -86,6 +86,9 @@
$('body').css({
'padding-top': this.model.get('height'),
});
$('html').css({
'scroll-padding-top': this.model.get('height'),
});
this.triggerDisplace();
},
......
......@@ -36,6 +36,9 @@
$('body').css({
'padding-top': this.model.get('height')
});
$('html').css({
'scroll-padding-top': this.model.get('height')
});
this.triggerDisplace();
},
triggerDisplace: function triggerDisplace() {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment