From ef17366ab9292208e4355bc8930023b5ce14ebea Mon Sep 17 00:00:00 2001 From: Miki Date: Sat, 23 Jan 2021 18:30:07 +0100 Subject: [PATCH] Fix svg height attribute with the correct variable In the createSVG and initEvents functions the svg was created like: `this.DOM.svg.setAttribute('height',`${winsize.width}px`);` I changed the property from width to height. This should fix the mobile view and responsiveness --- js/wordFx.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js/wordFx.js b/js/wordFx.js index 537ba3c..51626c4 100644 --- a/js/wordFx.js +++ b/js/wordFx.js @@ -146,7 +146,7 @@ window.addEventListener('resize', debounce(() => { winsize = {width: window.innerWidth, height: window.innerHeight}; this.DOM.svg.setAttribute('width', `${winsize.width}px`); - this.DOM.svg.setAttribute('height',`${winsize.width}px`); + this.DOM.svg.setAttribute('height',`${winsize.height}px`); this.DOM.svg.setAttribute('viewbox',`0 0 ${winsize.width} ${winsize.height}`); }, 20)); } @@ -154,7 +154,7 @@ this.DOM.svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); this.DOM.svg.setAttribute('class', 'shapes'); this.DOM.svg.setAttribute('width', `${winsize.width}px`); - this.DOM.svg.setAttribute('height',`${winsize.width}px`); + this.DOM.svg.setAttribute('height',`${winsize.height}px`); this.DOM.svg.setAttribute('viewbox',`0 0 ${winsize.width} ${winsize.height}`); if ( this.options.shapesOnTop ) { this.DOM.el.parentNode.insertBefore(this.DOM.svg, this.DOM.el.nextSibling); @@ -215,4 +215,4 @@ }; window.Word = Word; -}; \ No newline at end of file +};