Problem/Motivation

Currently when loading the default bootstrap icons from the module, every icon gets loaded and raises a "Excessive DOM size" error in lighthouse.

Excessive DOM size error - BSUI Kit

Steps to reproduce

Load the default bootstrap ui kit iconset and view any page on the FE.

Proposed resolution

We should be some sort of functionality that allows the user to add the icon (maybe via an AJAX click when viewing the UI Kit), it could then update some config in the backend, then the user can split this if necessary (ie. multisite use with domain module installed). Afterwards we can save on performance and DOM size by only loading the selected icons into the svg sprite.

Remaining tasks

See above.

User interface changes

Some sort of "Add +" functionality.

API changes

N/A

Data model changes

TBD

CommentFileSizeAuthor
#5 Screenshot 2026-03-12 at 8.38.48 PM.png164.34 KBaaronchristian
#5 Screenshot 2026-03-12 at 8.33.06 PM.png368.6 KBaaronchristian
Screenshot 2023-04-27 at 4.21.55 PM.png68.2 KBaaronchristian

Issue fork bootstrap_ui_kit-3357174

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

AaronChristian created an issue. See original summary.

aaronchristian’s picture

aaronchristian commented
Assigned: aaronchristian » Unassigned

eric.vvf made their first commit to this issue’s fork.

aaronchristian opened merge request !17

aaronchristian’s picture

aaronchristian commented
StatusFileSize
new Screenshot 2026-03-12 at 8.33.06 PM.png368.6 KB
new Screenshot 2026-03-12 at 8.38.48 PM.png164.34 KB

Got this one wrapped up now.

Backend
Only load selected icons.

Frontend
Only load (FE)

aaronchristian’s picture

aaronchristian commented
Status: Active » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

aaronchristian’s picture

aaronchristian commented
Status: Fixed » Closed (fixed)