From 09500beae294d969067dc49b37c0b35197cb17f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Wed, 16 Aug 2023 08:53:03 +0200
Subject: [PATCH] MDL-74429 core_form: Fix element url input overflow

---
 lib/form/templates/element-url.mustache | 39 ++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/lib/form/templates/element-url.mustache b/lib/form/templates/element-url.mustache
index e161c8f8c2f..a7d1cde483a 100644
--- a/lib/form/templates/element-url.mustache
+++ b/lib/form/templates/element-url.mustache
@@ -1,7 +1,44 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_form/element-url
+
+    URL form element template.
+
+    Example context (json):
+    {
+        "element": {
+            "name": "test",
+            "id": "test0",
+            "wrapperid": "test0-wrapper",
+            "size": null,
+            "error": null,
+            "value": "http://example.org",
+            "frozen": false,
+            "iderror": "test0_error",
+            "attributes": "",
+            "filepickerclientid": "test0-filepickerclientid"
+        }
+    }
+}}
 {{< core_form/element-template }}
     {{$element}}
         {{#element.filepickerclientid}}
-            <div id="url-wrapper-{{element.filepickerclientid}}" class="d-inline-block">
+            <div id="url-wrapper-{{element.filepickerclientid}}" class="d-inline-block mw-100">
         {{/element.filepickerclientid}}
         <input type="url"
                 class="form-control {{#error}}is-invalid{{/error}}"