Merge pull request 'fix(StandardMenu): appLimit must return a value > 0' (#412) from develop into master

Reviewed-on: https://gitnet.fr/deblan/side_menu/pulls/412

CHANGELOG.md

@@ -1,5 +1,9 @@
 ## [Unreleased]
 
+## 5.0.1
+### Fixed
+* fix(StandardMenu): appLimit must return a value > 0
+
 ## 5.0.0
 ### Fixed
 * fix apps's order in the standard menu

appinfo/info.xml

@@ -30,7 +30,7 @@ Notice
 Because I believe in a free and decentralized Internet, [Gitnet](https://gitnet.fr) is **self-hosted at home**.
 In case of downtime, you can download **Custom Menu** from [here](https://kim.deblan.fr/~side_menu/).
 ]]></description>
-    <version>5.0.0</version>
+    <version>5.0.1</version>
     <licence>agpl</licence>
     <author mail="contact@deblan.fr" homepage="https://www.deblan.fr/">Simon Vieille</author>
     <namespace>SideMenu</namespace>

src/menus/StandardMenu.vue

@@ -142,7 +142,7 @@ const appLimit = () => {
     })
   }
 
-  return Math.floor((body.offsetWidth - size) / 70)
+  return Math.max(0, Math.floor((body.offsetWidth - size) / 70))
 }
 
 const makeStyle = (app) => {
@@ -158,6 +158,11 @@ const computeLists = () => {
   popoverAppList.value = appList.value.slice(appLimit()).sort((a, b) => a.order - b.order)
 }
 
+const reComputeLists = (delay) => {
+    window.clearTimeout(resizeTimeout)
+    resizeTimeout = window.setTimeout(computeLists, delay || 100)
+}
+
 onMounted(async () => {
   const config = await configStore.getConfig()
 
@@ -169,10 +174,7 @@ onMounted(async () => {
 
   setApps(await navStore.getCoreApps())
 
-  window.addEventListener('resize', () => {
+  window.addEventListener('resize', reComputeLists)
-    window.clearTimeout(resizeTimeout)
-    resizeTimeout = window.setTimeout(computeLists, 100)
-  })
 })
 </script>