Version 3.2.4

Fixed: `Notiflix.Block.*`: The temporary position class name for the reference element has been changed to a constant text. [#47](#47)
notiflix · Jan 29, 2022 · 9efa432 · 9efa432
1 parent 2a8f920
commit 9efa432
Show file tree

Hide file tree

Showing 21 changed files with 80 additions and 77 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+@3.2.4
+* **Fixed:** `Notiflix.Block.*`: The temporary position class name for the reference element has been changed to a constant text.
+  - Fixes => [#47](https://github.com/notiflix/Notiflix/issues/47)
+
+---
+
 @3.2.3
 * **Fixed:** `Notiflix.Block.*`: The custom class name option was not being set correctly. The temporary position class name for the reference element was not being removed if it was being used with a custom class name.
   - Fixes => [#45](https://github.com/notiflix/Notiflix/issues/45)

diff --git a/README.md b/README.md
@@ -17,8 +17,8 @@
 [downloads-url]: https://npmjs.org/package/notiflix
 [jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/notiflix/badge?style=rounded
 [jsdelivr-url]: https://www.jsdelivr.com/package/npm/notiflix
-[size-badge]: https://img.badgesize.io/https://cdn.jsdelivr.net/npm/[email protected].3/dist/notiflix-aio-3.2.3.min.js?compression=gzip
-[size-url]: https://cdn.jsdelivr.net/npm/[email protected].3/dist/notiflix-aio-3.2.3.min.js
+[size-badge]: https://img.badgesize.io/https://cdn.jsdelivr.net/npm/[email protected].4/dist/notiflix-aio-3.2.4.min.js?compression=gzip
+[size-url]: https://cdn.jsdelivr.net/npm/[email protected].4/dist/notiflix-aio-3.2.4.min.js
 [lic-badge]: https://img.shields.io/github/license/notiflix/Notiflix.svg
 [lic-url]: https://github.com/notiflix/Notiflix/blob/main/LICENSE
 
@@ -36,7 +36,7 @@ Notiflix is a JavaScript library for client-side non-blocking notifications, pop
 
 ### Current Version
 
-3.2.3 [*](https://github.com/notiflix/Notiflix/blob/main/CHANGELOG.md "CHANGELOG")
+3.2.4 [*](https://github.com/notiflix/Notiflix/blob/main/CHANGELOG.md "CHANGELOG")
 
 ### Browser Compatibility
 
@@ -97,27 +97,27 @@ import { Block } from 'notiflix/build/notiflix-block-aio';
 
 #### CSS and JS
 ```html
-<link rel="stylesheet" href="dist/notiflix-3.2.3.min.css" />
+<link rel="stylesheet" href="dist/notiflix-3.2.4.min.css" />
 
-<script src="dist/notiflix-3.2.3.min.js"></script>
+<script src="dist/notiflix-3.2.4.min.js"></script>
 ```
 
 #### or only JS (All in One - Internal CSS)
 ```html
-<script src="dist/notiflix-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-aio-3.2.4.min.js"></script>
 ```
 
 #### or only Modules JS (All in One - Internal CSS)
 ```html
-<script src="dist/notiflix-notify-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-notify-aio-3.2.4.min.js"></script>
 
-<script src="dist/notiflix-report-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-report-aio-3.2.4.min.js"></script>
 
-<script src="dist/notiflix-confirm-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-confirm-aio-3.2.4.min.js"></script>
 
-<script src="dist/notiflix-loading-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-loading-aio-3.2.4.min.js"></script>
 
-<script src="dist/notiflix-block-aio-3.2.3.min.js"></script>
+<script src="dist/notiflix-block-aio-3.2.4.min.js"></script>
 ```
 
 ---------

diff --git a/build/notiflix-aio.js b/build/notiflix-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */
@@ -1567,7 +1567,7 @@
     // if cssAnimaion is false => duration: end
 
     // check the class name: begin
-    var blockClassName = 'notiflix-block';
+    var blockClassName = blockSettings.className;
     if (typeof newBlockSettings.className === 'string') {
       blockClassName = newBlockSettings.className.trim();
     }
@@ -1578,6 +1578,9 @@
     var checkQueryLimit = (allHTMLElements || []).length >= getQueryLimit ? getQueryLimit : allHTMLElements.length;
     // check query limit: end
 
+    // position class name for the non-static reference elements
+    var positionClassForNonStaticRef = 'nx-block-temporary-position';
+
     // block
     if (isCreate) {
       // void and unavailable elements
@@ -1690,15 +1693,15 @@
 
               // create and add internal style to the head
               var style = '<style id="Style-' + blockSettings.ID + '-' + blockCreateOrRemoveCounter + '">' +
-                eachElementIdOrClass + '.' + blockClassName + '-position{' + positionStyle + minHeightStyle + '}' +
+                eachElementIdOrClass + '.' + positionClassForNonStaticRef + '{' + positionStyle + minHeightStyle + '}' +
                 '</style>';
               var styleRange = window.document.createRange();
               styleRange.selectNode(window.document.head);
               var styleFragment = styleRange.createContextualFragment(style);
               window.document.head.appendChild(styleFragment);
 
-              // add the "blockClassName" to each element
-              eachElement.classList.add(blockClassName + '-position');
+              // add the "positionClassForNonStaticRef" to each element
+              eachElement.classList.add(positionClassForNonStaticRef);
             }
             // internal style: end
 
@@ -1760,11 +1763,10 @@
       // Step 2A => Remove each block element: end
 
       // Step 2B => Remove each element's class name: begin
-      var removeEachElementClassName = function (eachElement, className) {
-        var positionClass = className + '-position';
+      var removeEachElementClassName = function (eachElement) {
         var timeout = setTimeout(function () {
           // remove class name
-          eachElement.classList.remove(positionClass);
+          eachElement.classList.remove(positionClassForNonStaticRef);
 
           // clear timeout
           clearTimeout(timeout);
@@ -1778,7 +1780,7 @@
           var eachElement = allHTMLElements[i];
           if (eachElement) {
             // remove each element's class name
-            removeEachElementClassName(eachElement, blockClassName);
+            removeEachElementClassName(eachElement);
 
             // remove each block element
             eachBlockElement = eachElement.querySelectorAll('[id^=' + blockSettings.ID + ']');
@@ -1792,10 +1794,7 @@
     }
 
     // extend new settings with the backup settings
-    var reverseSettingsTimeout = setTimeout(function () {
-      newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
-      clearTimeout(reverseSettingsTimeout);
-    }, (delay || 0));
+    newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
   };
   // BLOCK: Create or Remove: end
 

diff --git a/build/notiflix-block-aio.js b/build/notiflix-block-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix Block AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */
@@ -281,7 +281,7 @@
     // if cssAnimaion is false => duration: end
 
     // check the class name: begin
-    var blockClassName = 'notiflix-block';
+    var blockClassName = blockSettings.className;
     if (typeof newBlockSettings.className === 'string') {
       blockClassName = newBlockSettings.className.trim();
     }
@@ -292,6 +292,9 @@
     var checkQueryLimit = (allHTMLElements || []).length >= getQueryLimit ? getQueryLimit : allHTMLElements.length;
     // check query limit: end
 
+    // position class name for the non-static reference elements
+    var positionClassForNonStaticRef = 'nx-block-temporary-position';
+
     // block
     if (isCreate) {
       // void and unavailable elements
@@ -404,15 +407,15 @@
 
               // create and add internal style to the head
               var style = '<style id="Style-' + blockSettings.ID + '-' + blockCreateOrRemoveCounter + '">' +
-                eachElementIdOrClass + '.' + blockClassName + '-position{' + positionStyle + minHeightStyle + '}' +
+                eachElementIdOrClass + '.' + positionClassForNonStaticRef + '{' + positionStyle + minHeightStyle + '}' +
                 '</style>';
               var styleRange = window.document.createRange();
               styleRange.selectNode(window.document.head);
               var styleFragment = styleRange.createContextualFragment(style);
               window.document.head.appendChild(styleFragment);
 
-              // add the "blockClassName" to each element
-              eachElement.classList.add(blockClassName + '-position');
+              // add the "positionClassForNonStaticRef" to each element
+              eachElement.classList.add(positionClassForNonStaticRef);
             }
             // internal style: end
 
@@ -474,11 +477,10 @@
       // Step 2A => Remove each block element: end
 
       // Step 2B => Remove each element's class name: begin
-      var removeEachElementClassName = function (eachElement, className) {
-        var positionClass = className + '-position';
+      var removeEachElementClassName = function (eachElement) {
         var timeout = setTimeout(function () {
           // remove class name
-          eachElement.classList.remove(positionClass);
+          eachElement.classList.remove(positionClassForNonStaticRef);
 
           // clear timeout
           clearTimeout(timeout);
@@ -492,7 +494,7 @@
           var eachElement = allHTMLElements[i];
           if (eachElement) {
             // remove each element's class name
-            removeEachElementClassName(eachElement, blockClassName);
+            removeEachElementClassName(eachElement);
 
             // remove each block element
             eachBlockElement = eachElement.querySelectorAll('[id^=' + blockSettings.ID + ']');
@@ -506,10 +508,7 @@
     }
 
     // extend new settings with the backup settings
-    var reverseSettingsTimeout = setTimeout(function () {
-      newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
-      clearTimeout(reverseSettingsTimeout);
-    }, (delay || 0));
+    newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
   };
   // BLOCK: Create or Remove: end
 

diff --git a/build/notiflix-confirm-aio.js b/build/notiflix-confirm-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix Confirm AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */

diff --git a/build/notiflix-loading-aio.js b/build/notiflix-loading-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix Loading AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */

diff --git a/build/notiflix-notify-aio.js b/build/notiflix-notify-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix Notify AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */

diff --git a/build/notiflix-report-aio.js b/build/notiflix-report-aio.js
@@ -1,7 +1,7 @@
 /*
 * Notiflix Report AIO (https://notiflix.github.io)
 * Description: This file has been created automatically that using "notiflix.js", and "notiflix.css" files.
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */

diff --git a/dist/notiflix-3.2.3.min.css → dist/notiflix-3.2.4.min.css b/dist/notiflix-3.2.3.min.css → dist/notiflix-3.2.4.min.css
diff --git a/dist/notiflix-3.2.3.min.js → dist/notiflix-3.2.4.min.js b/dist/notiflix-3.2.3.min.js → dist/notiflix-3.2.4.min.js
diff --git a/dist/notiflix-aio-3.2.3.min.js → dist/notiflix-aio-3.2.4.min.js b/dist/notiflix-aio-3.2.3.min.js → dist/notiflix-aio-3.2.4.min.js
diff --git a/dist/notiflix-block-aio-3.2.3.min.js → dist/notiflix-block-aio-3.2.4.min.js b/dist/notiflix-block-aio-3.2.3.min.js → dist/notiflix-block-aio-3.2.4.min.js
diff --git a/dist/notiflix-confirm-aio-3.2.3.min.js → dist/notiflix-confirm-aio-3.2.4.min.js b/dist/notiflix-confirm-aio-3.2.3.min.js → dist/notiflix-confirm-aio-3.2.4.min.js
diff --git a/dist/notiflix-loading-aio-3.2.3.min.js → dist/notiflix-loading-aio-3.2.4.min.js b/dist/notiflix-loading-aio-3.2.3.min.js → dist/notiflix-loading-aio-3.2.4.min.js
diff --git a/dist/notiflix-notify-aio-3.2.3.min.js → dist/notiflix-notify-aio-3.2.4.min.js b/dist/notiflix-notify-aio-3.2.3.min.js → dist/notiflix-notify-aio-3.2.4.min.js
diff --git a/dist/notiflix-report-aio-3.2.3.min.js → dist/notiflix-report-aio-3.2.4.min.js b/dist/notiflix-report-aio-3.2.3.min.js → dist/notiflix-report-aio-3.2.4.min.js
diff --git a/docs/test.html b/docs/test.html
@@ -195,16 +195,16 @@
   <!-- <script src="../build/notiflix-block-aio.js"></script> -->
 
 
-  <!-- <link href="../dist/notiflix-3.2.3.min.css" rel="stylesheet" /> -->
-  <!-- <script src="../dist/notiflix-3.2.3.min.js"></script> -->
+  <!-- <link href="../dist/notiflix-3.2.4.min.css" rel="stylesheet" /> -->
+  <!-- <script src="../dist/notiflix-3.2.4.min.js"></script> -->
 
-  <!-- <script src="../dist/notiflix-aio-3.2.3.min.js"></script> -->
+  <!-- <script src="../dist/notiflix-aio-3.2.4.min.js"></script> -->
 
-  <script src="../dist/notiflix-notify-aio-3.2.3.min.js"></script>
-  <script src="../dist/notiflix-report-aio-3.2.3.min.js"></script>
-  <script src="../dist/notiflix-confirm-aio-3.2.3.min.js"></script>
-  <script src="../dist/notiflix-loading-aio-3.2.3.min.js"></script>
-  <script src="../dist/notiflix-block-aio-3.2.3.min.js"></script>
+  <script src="../dist/notiflix-notify-aio-3.2.4.min.js"></script>
+  <script src="../dist/notiflix-report-aio-3.2.4.min.js"></script>
+  <script src="../dist/notiflix-confirm-aio-3.2.4.min.js"></script>
+  <script src="../dist/notiflix-loading-aio-3.2.4.min.js"></script>
+  <script src="../dist/notiflix-block-aio-3.2.4.min.js"></script>
 
 
   <script>

diff --git a/index.d.ts b/index.d.ts
@@ -1,6 +1,6 @@
 /*
 * Notiflix (https://notiflix.github.io)
-* Version: 3.2.3
+* Version: 3.2.4
 * Description: TypeScript Declaration.
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)

diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "notiflix",
-  "main": "dist/notiflix-aio-3.2.3.min.js",
+  "main": "dist/notiflix-aio-3.2.4.min.js",
   "types": "index.d.ts",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "description": "Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more...",
   "homepage": "https://github.com/notiflix/Notiflix",
   "files": [

diff --git a/src/notiflix.css b/src/notiflix.css
@@ -1,6 +1,6 @@
 /*!
 * Notiflix (https://notiflix.github.io)
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */

diff --git a/src/notiflix.js b/src/notiflix.js
@@ -1,6 +1,6 @@
 /*!
 * Notiflix (https://notiflix.github.io)
-* Version: 3.2.3
+* Version: 3.2.4
 * Author: Furkan MT (https://github.com/furcan)
 * Copyright 2019 - 2022 Notiflix, MIT Licence (https://opensource.org/licenses/MIT)
 */
@@ -1571,7 +1571,7 @@
     // if cssAnimaion is false => duration: end
 
     // check the class name: begin
-    var blockClassName = 'notiflix-block';
+    var blockClassName = blockSettings.className;
     if (typeof newBlockSettings.className === 'string') {
       blockClassName = newBlockSettings.className.trim();
     }
@@ -1582,6 +1582,9 @@
     var checkQueryLimit = (allHTMLElements || []).length >= getQueryLimit ? getQueryLimit : allHTMLElements.length;
     // check query limit: end
 
+    // position class name for the non-static reference elements
+    var positionClassForNonStaticRef = 'nx-block-temporary-position';
+
     // block
     if (isCreate) {
       // void and unavailable elements
@@ -1694,15 +1697,15 @@
 
               // create and add internal style to the head
               var style = '<style id="Style-' + blockSettings.ID + '-' + blockCreateOrRemoveCounter + '">' +
-                eachElementIdOrClass + '.' + blockClassName + '-position{' + positionStyle + minHeightStyle + '}' +
+                eachElementIdOrClass + '.' + positionClassForNonStaticRef + '{' + positionStyle + minHeightStyle + '}' +
                 '</style>';
               var styleRange = window.document.createRange();
               styleRange.selectNode(window.document.head);
               var styleFragment = styleRange.createContextualFragment(style);
               window.document.head.appendChild(styleFragment);
 
-              // add the "blockClassName" to each element
-              eachElement.classList.add(blockClassName + '-position');
+              // add the "positionClassForNonStaticRef" to each element
+              eachElement.classList.add(positionClassForNonStaticRef);
             }
             // internal style: end
 
@@ -1764,11 +1767,10 @@
       // Step 2A => Remove each block element: end
 
       // Step 2B => Remove each element's class name: begin
-      var removeEachElementClassName = function (eachElement, className) {
-        var positionClass = className + '-position';
+      var removeEachElementClassName = function (eachElement) {
         var timeout = setTimeout(function () {
           // remove class name
-          eachElement.classList.remove(positionClass);
+          eachElement.classList.remove(positionClassForNonStaticRef);
 
           // clear timeout
           clearTimeout(timeout);
@@ -1782,7 +1784,7 @@
           var eachElement = allHTMLElements[i];
           if (eachElement) {
             // remove each element's class name
-            removeEachElementClassName(eachElement, blockClassName);
+            removeEachElementClassName(eachElement);
 
             // remove each block element
             eachBlockElement = eachElement.querySelectorAll('[id^=' + blockSettings.ID + ']');
@@ -1796,10 +1798,7 @@
     }
 
     // extend new settings with the backup settings
-    var reverseSettingsTimeout = setTimeout(function () {
-      newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
-      clearTimeout(reverseSettingsTimeout);
-    }, (delay || 0));
+    newBlockSettings = commonExtendOptions(true, newBlockSettings, newBlockSettingsBackup);
   };
   // BLOCK: Create or Remove: end