[docs] Icons aren't searchable anymore in Algolia #43941

Activity

1. Janpot

   added

   docsImprovements or additions to the documentation.Improvements or additions to the documentation.

   status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.These issues haven't been looked at yet by a maintainer.

   scope: docs-infraInvolves the docs-infra product (https://www.notion.so/mui-org/b9f676062eb94747b6768209f7751305).Involves the docs-infra product (https://www.notion.so/mui-org/b9f676062eb94747b6768209f7751305).

   and removed

   status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.These issues haven't been looked at yet by a maintainer.

   on Sep 30, 2024
2. oliviertassinari

   added

   type: bugIt doesn't behave as expected.It doesn't behave as expected.

   type: regressionA bug, but worse, it used to behave as expected.A bug, but worse, it used to behave as expected.

   on Oct 3, 2024
3. oliviertassinari commented on Oct 5, 2024

   

   oliviertassinari

   on Oct 5, 2024

   Last edited by oliviertassinari

   Member

   More actions

   It used to work before because of the DOM structure match the crawler

   https://v4.mui.com/components/material-icons/
   

   vs.

   https://dashboard.algolia.com/apps/TZGZ85B9TB/crawler/crawler/739c29c8-99ea-4945-bd27-17a1df391902/editor

   

   So this should help:

   diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
   index 945dcc038f..ac636e7acd 100644
   --- a/docs/data/material/components/material-icons/SearchIcons.js
   +++ b/docs/data/material/components/material-icons/SearchIcons.js
   @@ -200,7 +200,7 @@ function Icon(props) {
            <div className={SVG_ICON_CLASS} />
          )}
          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- TODO: a11y */}
   -      <div onClick={handleLabelClick}>{icon.importName}</div>
   +      <div className="algolia-content" onClick={handleLabelClick}>{icon.importName}</div>
          {/* eslint-enable jsx-a11y/click-events-have-key-events */}
        </StyledIcon>
      );

   Another challenge might be: https://docsearch.algolia.com/docs/record-extractor/#reduce-the-number-of-records.
4. oliviertassinari

   added

   scope: iconsChanges related to the icons.Changes related to the icons.

   on Oct 5, 2024
5. oliviertassinari

   removed

   type: bugIt doesn't behave as expected.It doesn't behave as expected.

   on Apr 30, 2025
6. michelengelen

   added this to Docs-infraon Feb 17, 2026
7. github-project-automation

   moved this to To process in Docs-infraon Feb 17, 2026
8. Janpot

   closed this as completedon Oct 22, 2026
9. github-project-automation

   moved this from To process to Done in Docs-infraon Oct 22, 2026
10. github-actions commented on Oct 22, 2026

    

    github-actionsBot

    on Oct 22, 2026 – with GitHub Actions

    Contributor

    More actions

    This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
    Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.