mirror of
https://github.com/gorhill/uMatrix.git
synced 2024-09-30 00:56:32 +13:00
Implement popup autoresizing for Safari
By default, Safari doesn't resize the popup to its content, but it's possible to set the size pragmatically. The popup will be resized every time when a change happens in the DOM tree.
This commit is contained in:
parent
db83931fb7
commit
2216b7f32e
1 changed files with 28 additions and 5 deletions
|
@ -49,12 +49,35 @@ if (window.chrome) {
|
|||
|
||||
// update popover size to its content
|
||||
if (safari.self.identifier === 'popover' && safari.self) {
|
||||
vAPI.updatePopoverSize = function() {
|
||||
(function() {
|
||||
var upadteTimer = null;
|
||||
var resizePopover = function() {
|
||||
if (upadteTimer) {
|
||||
return;
|
||||
}
|
||||
|
||||
upadteTimer = setTimeout(function() {
|
||||
safari.self.width = document.body.clientWidth;
|
||||
safari.self.height = document.body.clientHeight;
|
||||
upadteTimer = null;
|
||||
}, 50);
|
||||
};
|
||||
|
||||
setTimeout(vAPI.updatePopoverSize, 200);
|
||||
var mutObs = window.MutationObserver || window.WebkitMutationObserver;
|
||||
|
||||
if (mutObs) {
|
||||
(new mutObs(resizePopover)).observe(document, {
|
||||
childList: true,
|
||||
attributes: true,
|
||||
characterData: true,
|
||||
subtree: true
|
||||
});
|
||||
}
|
||||
else {
|
||||
// Safari doesn't support DOMAttrModified
|
||||
document.addEventListener('DOMSubtreeModified', resizePopover);
|
||||
}
|
||||
})();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue