diff --git a/core/misc/autocomplete.js b/core/misc/autocomplete.js index 590620e1b1033648794ea1b7ff1c94b054751738..d4938fccdd9551939acee39169730530c02317ab 100644 --- a/core/misc/autocomplete.js +++ b/core/misc/autocomplete.js @@ -148,7 +148,7 @@ } /** - * Handles an autocompletefocus event. + * Handles an autocomplete focus event. * * @return {boolean} * Always returns false. @@ -158,7 +158,7 @@ } /** - * Handles an autocompleteselect event. + * Handles an autocomplete select event. * * @param {jQuery.Event} event * The event triggered. diff --git a/core/misc/cspell/dictionary.txt b/core/misc/cspell/dictionary.txt index 7af7945d204635ba5282a6a33e208ff05b96b2f3..304c8da17b6ef1d13f236f24b74672190f65c641 100644 --- a/core/misc/cspell/dictionary.txt +++ b/core/misc/cspell/dictionary.txt @@ -20,9 +20,6 @@ arrowstop arrowthick arrowthickstop assertable -autocompletefocus -autocompleteselect -autocompleting autoconfiguration autoconfigured autocreate diff --git a/core/tests/Drupal/Nightwatch/Tests/claroAutocompleteTest.js b/core/tests/Drupal/Nightwatch/Tests/claroAutocompleteTest.js index 4f6674d2be2566e760e732e6ed23802ce246a73d..6b1213d59deb1b35fb32e443ec18a374a6b3e47f 100644 --- a/core/tests/Drupal/Nightwatch/Tests/claroAutocompleteTest.js +++ b/core/tests/Drupal/Nightwatch/Tests/claroAutocompleteTest.js @@ -1,3 +1,5 @@ +// cspell:ignore is-autocompleting + module.exports = { '@tags': ['core'], @@ -28,7 +30,8 @@ module.exports = { .waitForElementVisible('body', 1000); // Tests that entering a character from the - // data-autocomplete-first-character-blacklist doesn't start autocompleting. + // data-autocomplete-first-character-blacklist doesn't start the + // autocomplete process. browser .setValue('[name="autocomplete_4"]', '/') .pause(1000) diff --git a/core/themes/claro/css/components/autocomplete-loading.module.css b/core/themes/claro/css/components/autocomplete-loading.module.css index 65f713085bebeba6d7fe765f0d60d36ea0f6b015..45a71dea3f4c542c8769cce55680139f0ee796d7 100644 --- a/core/themes/claro/css/components/autocomplete-loading.module.css +++ b/core/themes/claro/css/components/autocomplete-loading.module.css @@ -12,6 +12,8 @@ * @see autocomplete.js */ +/* cspell:ignore is-autocompleting */ + /** * Since the autocomplete library is attached conditionally and not globally, * we can be 99% sure that the default icon will be used. @@ -19,14 +21,14 @@ * autocomplete input's background — until are sure that it will be pushed by * the server with HTTP/2. * - * The autocompleting (active) state's background-image is inlined because - * non-used CSS selectors are usually ignored; popular browsers don't download - * their 'url' references. + * The active autocomplete state's background-image is inlined because non-used + * CSS selectors are usually ignored; popular browsers don't download their + * 'url' references. * If these selectors become active, the browser needs some time for painting * previously ignored remote asset: it should get it from server, parse it and * repaint the background of autocomplete field. With the inlined background we * can prevent an additional timeout caused by a new request/response pair. - * Besides this, the autocompleting event itself may easily finish before the + * Besides this, the autocomplete event itself may easily finish before the * missing asset gets downloaded/parsed/painted, and the missing instant visual * feedback would be a usability/accessibility issue as well. */ @@ -53,7 +55,7 @@ } /** - * Autocomplete wrapper for autocompleting message. + * Autocomplete wrapper for autocomplete message. */ .claro-autocomplete { diff --git a/core/themes/claro/css/components/autocomplete-loading.module.pcss.css b/core/themes/claro/css/components/autocomplete-loading.module.pcss.css index 5cf8c80873e47093c3bac54c55ae4c181b92bec7..b4323d79e8fa0f74472563e823f08a277a99ecd5 100644 --- a/core/themes/claro/css/components/autocomplete-loading.module.pcss.css +++ b/core/themes/claro/css/components/autocomplete-loading.module.pcss.css @@ -5,6 +5,8 @@ * @see autocomplete.js */ +/* cspell:ignore is-autocompleting */ + /** * Since the autocomplete library is attached conditionally and not globally, * we can be 99% sure that the default icon will be used. @@ -12,14 +14,14 @@ * autocomplete input's background — until are sure that it will be pushed by * the server with HTTP/2. * - * The autocompleting (active) state's background-image is inlined because - * non-used CSS selectors are usually ignored; popular browsers don't download - * their 'url' references. + * The active autocomplete state's background-image is inlined because non-used + * CSS selectors are usually ignored; popular browsers don't download their + * 'url' references. * If these selectors become active, the browser needs some time for painting * previously ignored remote asset: it should get it from server, parse it and * repaint the background of autocomplete field. With the inlined background we * can prevent an additional timeout caused by a new request/response pair. - * Besides this, the autocompleting event itself may easily finish before the + * Besides this, the autocomplete event itself may easily finish before the * missing asset gets downloaded/parsed/painted, and the missing instant visual * feedback would be a usability/accessibility issue as well. */ @@ -50,7 +52,7 @@ } /** - * Autocomplete wrapper for autocompleting message. + * Autocomplete wrapper for autocomplete message. */ .claro-autocomplete { position: relative; diff --git a/core/themes/claro/js/autocomplete.js b/core/themes/claro/js/autocomplete.js index e77659869b7d330781b5cb5130652f567c64d66a..26fa80122c30de9b18626456b4920f12711b7bc2 100644 --- a/core/themes/claro/js/autocomplete.js +++ b/core/themes/claro/js/autocomplete.js @@ -3,6 +3,8 @@ * Claro's enhancement for autocomplete form element. */ +// cspell:ignore is-autocompleting + (($, Drupal, once) => { Drupal.behaviors.claroAutoCompete = { attach(context) {