Dhangadhi, Kailali
Account created on 31 May 2012, over 12 years ago
#

Recent comments

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

Just adding a screenshot to help in understanding the issue.

At the bottom of admin/config/content/formats/manage/full_html

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

Upgrading to D11 won't be needed because this option is available by default in CKEditor 5.

You can enable by visiting /admin/config/content/formats and selecting to configure your desired Text format.

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

Can we change the status from Active to Fixed? This issue has been fixed in the latest version 7.x-1.9.

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

Corrected the link of the Outline Buttons text to https://getbootstrap.com/docs/5.2/components/buttons/#outline-buttons.

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

Added small explanation and issue link related to Affix(currently not working).

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

sandeshyadav β†’ made their first commit to this issue’s fork.

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

If you landed to this page due to issues with dropdowns in the navbar, here is the cause of the problem and possible solutions.

What is the causing the issue?

For the dropdown to work, bootstrap uses a third party library popperjs. In the THEME.libraries.yml file of `SASS Starter Kit`, this library is missing which is causing the issue.

To fix it,


Use bootstrap.bundle.min.js instead of bootstrap.min.js . The bootstrap.bundle.min.js file includes popperjs library and thus solves the issue. You can use a CDN link(//cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js) in your THEME.libraries.yml file.


As mentioned by @GazzaT in #3 πŸ’¬ Why bootstrap is loaded from node module and not from libraries.yml like Barrio? (bug with the navbar) Needs review , adding js/popper.min.js: { weight: -49 } to the THEME.libraries.yml solves the issue.

Make sure to keep the weight -49 or lesser because popper.min.js needs to loaded before bootstrap.min.js. From the bootstrap docs,

If you decide to go with the separate scripts solution, Popper must come first (if you're using tooltips or popovers), and then our JavaScript plugins

.

I would prefer because it is a modular approach and lets us exclude it(popperjs) if not required.

πŸ‡³πŸ‡΅Nepal sandeshyadav Dhangadhi, Kailali

As mentioned by @perke in #5, adding following under the dependencies in your `THEME.libraries.yml` fixes the issue.

    - core/once

I tested in Drupal 10.

Production build 0.71.5 2024