Fix scrollspy and accented anchor links

[alemendoza-v]

Description

The js/src/scrollspy.js file was changed. I used the decodeURI() method to allow french words as ids. This method was added to the line that finds the observable sections and the one that sets the target links.

Motivation & Context

French words were not allowed as ids for the Scrollspy component.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-38502--twbs-bootstrap.netlify.app/

Related issues

N/A

[alemendoza-v]

Hello, I made a new PR, the test now runs properly locally. How can I add the live preview?

[mdo]

@GeoSot @XhmikosR Can you review for v5.3.0 stable?

[GeoSot]

@alemendoza-v can you please provide a codepen, showing the existing problem?
I tried a simple approach but couldn't get the difference

[alemendoza-v]

@alemendoza-v can you please provide a codepen, showing the existing problem?

@GeoSot Hello, sure. If you comment out the parts that include the link to the french word the nav bar items will change to active, while when it is not commented out it will not.

https://codepen.io/alemendoza-v/pen/JjmyrJq

[GeoSot]

Thanks a lot @alemendoza-v. Your example, helped to replicate

[alemendoza-v]

@GeoSot No problem!