Merge pull request #16224 from ckeditor/ck/6044

Fix (link): Set `inputmode=url` to link balloon form input. Closes #16389.
ckeditor · May 20, 2024 · 4751854 · 4751854
2 parents a694ca4 + 41d0718
commit 4751854
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/ckeditor5-link/src/ui/linkformview.ts b/packages/ckeditor5-link/src/ui/linkformview.ts
@@ -250,6 +250,7 @@ export default class LinkFormView extends View {
 		const t = this.locale!.t;
 		const labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );
 
+		labeledInput.fieldView.inputMode = 'url';
 		labeledInput.label = t( 'Link URL' );
 
 		return labeledInput;

diff --git a/packages/ckeditor5-link/tests/ui/linkformview.js b/packages/ckeditor5-link/tests/ui/linkformview.js
@@ -84,6 +84,10 @@ describe( 'LinkFormView', () => {
 			expect( spy.calledOnce ).to.true;
 		} );
 
+		it( 'should create url input with inputmode=url', () => {
+			expect( view.urlInputView.fieldView.inputMode ).to.be.equal( 'url' );
+		} );
+
 		describe( 'template', () => {
 			it( 'has url input view', () => {
 				expect( view.template.children[ 0 ].get( 0 ) ).to.equal( view.urlInputView );