From 2fd1778d4598a35b9fdcca092debb3eda0eda290 Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Wed, 13 Nov 2024 11:56:03 +0200
Subject: [PATCH] phone number numeric text

---
 client/res/templates/fields/phone/edit.tpl               | 4 ++--
 frontend/less/espo/misc/intl-tel-input/intlTelInput.less | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/res/templates/fields/phone/edit.tpl b/client/res/templates/fields/phone/edit.tpl
index b695187ca9..78d947db4f 100644
--- a/client/res/templates/fields/phone/edit.tpl
+++ b/client/res/templates/fields/phone/edit.tpl
@@ -9,8 +9,8 @@
         </span>
         <span class="input-group-item input-group-item-middle">
             <input
-                type="input"
-                class="form-control phone-number no-margin-shifting{{#if optOut}} text-strikethrough{{/if}}{{#if invalid}} text-danger{{/if}}"
+                type="text"
+                class="form-control phone-number numeric-text no-margin-shifting {{#if optOut}} text-strikethrough {{/if}} {{#if invalid}} text-danger {{/if}}"
                 value="{{phoneNumber}}"
                 autocomplete="espo-{{../name}}"
                 maxlength={{../itemMaxLength}}
diff --git a/frontend/less/espo/misc/intl-tel-input/intlTelInput.less b/frontend/less/espo/misc/intl-tel-input/intlTelInput.less
index 610ea92611..d577290cfa 100644
--- a/frontend/less/espo/misc/intl-tel-input/intlTelInput.less
+++ b/frontend/less/espo/misc/intl-tel-input/intlTelInput.less
@@ -35,6 +35,7 @@
   align-items: center;
   height: 100%;
   padding: 0 var(--6px) 0 var(--8px);
+    font-variant-numeric: tabular-nums; // Espo
 }
 .iti__arrow {
   margin-left: var(--6px);
@@ -65,6 +66,7 @@
   max-height: var(--200px);
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
+    font-variant-numeric: tabular-nums; // Espo
 }
 .iti__country-list--dropup {
   bottom: 100%;