From fc3db9b5b1ad54caf747a1cf63a2a360ab6623ec Mon Sep 17 00:00:00 2001
From: Dapoolp <elcatnet@gmail.com>
Date: Wed, 27 Aug 2025 10:56:27 +0200
Subject: [PATCH] Sort number column

---
 module/applications/ui/itemBrowser.mjs   | 8 +++++---
 templates/ui/itemBrowser/itemBrowser.hbs | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/module/applications/ui/itemBrowser.mjs b/module/applications/ui/itemBrowser.mjs
index 9c534c91..0c0d4142 100644
--- a/module/applications/ui/itemBrowser.mjs
+++ b/module/applications/ui/itemBrowser.mjs
@@ -437,11 +437,13 @@ export class ItemBrowser extends HandlebarsApplicationMixin(ApplicationV2) {
 
         const newOrder = [...itemList].reverse().sort((a, b) => {
             const aProp = a.querySelector(`[data-item-key="${key}"]`),
-                bProp = b.querySelector(`[data-item-key="${key}"]`);
+                bProp = b.querySelector(`[data-item-key="${key}"]`),
+                aValue = isNaN(aProp.innerText) ? aProp.innerText : Number(aProp.innerText),
+                bValue = isNaN(bProp.innerText) ? bProp.innerText : Number(bProp.innerText);
             if (type === 'DESC') {
-                return aProp.innerText < bProp.innerText ? 1 : -1;
+                return aValue < bValue ? 1 : -1;
             } else {
-                return aProp.innerText > bProp.innerText ? 1 : -1;
+                return aValue > bValue ? 1 : -1;
             }
         });
 
diff --git a/templates/ui/itemBrowser/itemBrowser.hbs b/templates/ui/itemBrowser/itemBrowser.hbs
index ca0def19..b39df68b 100644
--- a/templates/ui/itemBrowser/itemBrowser.hbs
+++ b/templates/ui/itemBrowser/itemBrowser.hbs
@@ -57,7 +57,7 @@
                     <div class="item-list-img"></div>
                     <div class="item-list-name" data-sort-key="name" data-sort-type="ASC" data-action="sortList">{{localize 'DAGGERHEART.UI.ItemBrowser.columnName'}}</div>
                         {{#each menu.data.columns}}
-                            <span data-sort-key="{{key}}" data-sort-type="" data-action="sortList">{{localize label}}</span>
+                            <div data-sort-key="{{key}}" data-sort-type="" data-action="sortList">{{localize label}}</div>
                         {{/each}}
                     </div>
             {{/if}}