Checkbox in Scrollspy. Long checkbox text.

Topic: Checkbox in Scrollspy. Long checkbox text.

runtz asked 2 years ago


I want use a checkbox in scrollspy. I have a problem with the checkbox text description. My text is longer than width scrollspy so it should be on a few lines. Actually text is only in one line and scrollspy cut the text at the end of the first line. I found the resolved for this problem but it was about all page.

I found a solution for this problem, but it concerned the whole page. My problem is included only in scrollspy.

Could you help me ?

Konrad Stępień staff commented 2 years ago

Hi @Szymon Runtz,

Can you send me part of your code?

Szymon Runtz commented 2 years ago

enter image description here

I have a next question. I have 2 position in SQL Management (!agreement.typeAgreement). Why the Scrollspy opens twice? I see my mistake but I have no idea how to open it once.

Konrad Stępień staff commented 2 years ago

You have this same form control for two checkboxes.

can you set this style for the component?

    white-space: pre-wrap;

Arkadiusz Idzikowski staff commented 2 years ago

Did you update the MDB Angular package to the newest version? The problem with checkbox text-overflow should be resolved in v8.9.0.

As for your second question, please consider creating new ticket to avoid confusion. We would like to keep one topic for discussion on one particular problem (provided that the problems are not directly related to each other).

We would need some more information to reproduce this problem. If it's possible please send a simple demo to

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.9.0
  • Device: PC
  • Browser: Google Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No