docs(api): correct information about how ids are generated

NickDJM · May 8, 2024 · cbc4b68 · cbc4b68
1 parent 80a7697
commit cbc4b68
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/api/base-menu-toggle.md b/docs/api/base-menu-toggle.md
@@ -189,10 +189,10 @@ BaseMenuToggle._setIds();
 
 If the toggle and controlled menu do not have IDs, the following steps take place:
 
-- Generate a random 10 character string,
+- Generate a random string 1-10 characters long,
 - Get the innerText of the toggle,
-- Set the toggle's ID to: `${toggle-inner-text}-${the-random-string}-menu-button`
-- Set the menu's ID to: `${toggle-inner-text}-${the-random-string}-menu`
+- Set the toggle's ID to: `menu-button-${toggle-inner-text}-${the-random-string}`
+- Set the menu's ID to: `menu-${toggle-inner-text}-${the-random-string}`
 
 ### _setAriaAttributes <badge type="warning" text="protected" /> {#method--setAriaAttributes}
 

diff --git a/src/_baseMenuToggle.js b/src/_baseMenuToggle.js
@@ -172,10 +172,10 @@ class BaseMenuToggle {
    * Sets unique IDs for the toggle and controlled menu.
    *
    * If the toggle and controlled menu do not have IDs, the following steps take place:
-   * - Generate a random 10 character string,
+   * - Generate a random string 1-10 characters long,
    * - Get the innerText of the toggle,
-   * - Set the toggle's ID to: `${toggle-inner-text}-${the-random-string}-menu-button`
-   * - Set the menu's ID to: `${toggle-inner-text}-${the-random-string}-menu`
+   * - Set the toggle's ID to: `menu-button-${toggle-inner-text}-${the-random-string}`
+   * - Set the menu's ID to: `menu-${toggle-inner-text}-${the-random-string}`
    *
    * @protected
    */