diff --git a/src/pages/fileBrowser/fileBrowser.js b/src/pages/fileBrowser/fileBrowser.js
index 30da2e8f0..30a6abfea 100644
--- a/src/pages/fileBrowser/fileBrowser.js
+++ b/src/pages/fileBrowser/fileBrowser.js
@@ -938,16 +938,16 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 				return;
 			}
 
-			let action = $el.getAttribute("action") || $el.dataset.action;
+			let action = $el.dataset.action;
 			if (!action) return;
 
 			let url = $el.dataset.url;
-			let name = $el.dataset.name || $el.getAttribute("name");
-			const idOpenDoc = $el.hasAttribute("open-doc");
-			const uuid = $el.getAttribute("uuid");
-			const type = $el.getAttribute("type");
-			const storageType = $el.getAttribute("storageType");
-			const home = $el.getAttribute("home");
+			let name = $el.dataset.name;
+			const isOpenDoc = $el.dataset.openDoc != null;
+			const uuid = $el.dataset.uuid;
+			const type = $el.dataset.type;
+			const storageType = $el.dataset.storageType;
+			const home = $el.dataset.home;
 			const isDir = ["dir", "directory", "folder"].includes(type);
 
 			if (!url) {
@@ -969,7 +969,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 				return;
 			}
 
-			if (!url && action === "open" && isDir && !idOpenDoc && !isContextMenu) {
+			if (!url && action === "open" && isDir && !isOpenDoc && !isContextMenu) {
 				loader.hide();
 				util.addPath(name, uuid).then((res) => {
 					const storage = allStorages.find((storage) => storage.uuid === uuid);
@@ -984,7 +984,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 			}
 
 			if (isContextMenu) action = "contextmenu";
-			else if (idOpenDoc) action = "open-doc";
+			else if (isOpenDoc) action = "openDoc";
 
 			switch (action) {
 				case "navigation":
@@ -997,7 +997,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 					if (isDir) folder();
 					else if (!$el.hasAttribute("disabled")) file();
 					break;
-				case "open-doc":
+				case "openDoc":
 					openDoc();
 					break;
 			}
@@ -1055,7 +1055,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 				if (appSettings.value.vibrateOnTap) {
 					navigator.vibrate(config.VIBRATION_TIME);
 				}
-				if ($el.getAttribute("open-doc") === "true") return;
+				if (isOpenDoc) return;
 
 				const deleteText =
 					currentDir.url === "/" ? strings.remove : strings.delete;
@@ -1375,7 +1375,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 
 			if (IS_FILE_MODE) {
 				util.pushFolder(allStorages, "Select document", null, {
-					"open-doc": true,
+					openDoc: true,
 					notSelectable: true,
 				});
 			}
@@ -1623,7 +1623,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 					className="nav"
 					data-url={url}
 					data-name={displayName}
-					attr-action="navigation"
+					data-action="navigation"
 					attr-text={displayName}
 					tabIndex={-1}
 				></span>,
diff --git a/src/pages/fileBrowser/fileBrowser.scss b/src/pages/fileBrowser/fileBrowser.scss
index 8e64a9622..769090e05 100644
--- a/src/pages/fileBrowser/fileBrowser.scss
+++ b/src/pages/fileBrowser/fileBrowser.scss
@@ -4,7 +4,7 @@
   }
 
   .tile {
-    &[storageType="notification"] {
+    &[data-storage-type="notification"] {
       background-color: rgb(153, 153, 255);
       background-color: var(--primary-color);
       color: rgb(255, 255, 255);
@@ -22,11 +22,11 @@
       position: relative;
       color: rgb(65, 85, 133);
 
-      &[storageType]::after {
+      &[data-storage-type]::after {
         position: absolute;
         top: 50%;
         left: 50%;
-        content: attr(storageType);
+        content: attr(data-storage-type);
         transform: translate(-50%, -50%);
         color: rgb(255, 255, 255);
         font-size: 0.6rem;
diff --git a/src/pages/fileBrowser/list.hbs b/src/pages/fileBrowser/list.hbs
index a8f118926..0eac42975 100644
--- a/src/pages/fileBrowser/list.hbs
+++ b/src/pages/fileBrowser/list.hbs
@@ -3,20 +3,20 @@
   <li
     tabindex="1"
     class="tile {{#isLink}}symlink{{/isLink}}"
-    action="open"
-    type="{{type}}"
-    name="{{name}}"
-    {{#home}}home="{{.}}"{{/home}}
+    data-action="open"
+    data-type="{{type}}"
+    data-name="{{name}}"
+    {{#home}}data-home="{{.}}"{{/home}}
     {{#notSelectable}}data-not-selectable{{/notSelectable}}
-    {{#open-doc}}open-doc="true"{{/open-doc}}
-    {{#ftp-account}}ftp-account{{/ftp-account}}
+    {{#openDoc}}data-open-doc{{/openDoc}}
+    {{#ftpAccount}}data-ftp-account{{/ftpAccount}}
+    {{#uuid}}data-uuid="{{uuid}}"{{/uuid}}
+    {{#storageType}}data-storage-type="{{.}}"{{/storageType}}
     {{#disabled}}disabled{{/disabled}}
-    {{#uuid}}uuid="{{uuid}}"{{/uuid}}
-    {{#storageType}}storageType="{{.}}"{{/storageType}}
   >
     <span
       class="icon {{icon}} {{#uuid}}user-added-storage{{/uuid}}"
-      {{#storageType}}storageType="{{.}}"{{/storageType}}
+      {{#storageType}}data-storage-type="{{.}}"{{/storageType}}
     ></span>
 
     <div class="text">