Topic: mdbFixedCaption - cpation is missing in 8.3.1
Expected behavior
Caption should be visible next to the fixed button
Actual behavior
Caption is not visible
Resources (screenshots, code snippets etc.)
In ver 8.3.1 the caption is not visible because it is outside its parent view.
In prev version, mdbFixedCaption directive added "style=overflow:visible" to its component but now it is removed, eliminating all the captions from all my menus.
Adding the style manually to the tag restores the missing caption.
PLEASE restore it ASAP and avoid breaking changes, documented on not !
Thanks
After replacing buttonEl.nativeElement with button , style="overflow:visible" is no longer needed.
Can't explain, moving forward
There is nothing special.
I accidentally detected that the captions are missing. After investigating I realized that the style is missing so I added it manually
<ng-container *ngIf="bShowUndo">
<div>
<a mdbBtn floating="true" color="red" mdbFixedCaption="Undo" style="overflow:visible" [collapseButton]="buttonEl.nativeElement" class="waves-light" (click)="menuClicked('undo')" mdbWavesEffect>
<i class="fa fa-undo"></i>
</a>
</div>
</ng-container>
Arkadiusz Idzikowski staff commented 4 years ago
That's strange because I'm testing that on 8.3.1 and those styles are applied correctly to the a elements. Could you try to reinstall your dependencies (remove node_modules and package-lock.json and run npm install again)?
By the way - you should no longer need this workaround with buttonEl.nativeElement because we fixed that. If you have template variable #button on your toggle button, you can just pass button to the [collapseButton] input and it should work correctly.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.3.1
- Device: NA
- Browser: NA
- OS: NA
- Provided sample code: No
- Provided link: No
Arkadiusz Idzikowski staff commented 4 years ago
There were no changes related to this component in last update. I just checked it and it looks like every element with
mdbFixedCaptionhaveoverflow: visiblestyle just like in previous versions. Could you provide some code on which we will be able to reproduce that?