mdbFixedCaption - cpation is missing in 8.3.1 - Material Design for Bootstrap

Topic: mdbFixedCaption - cpation is missing in 8.3.1

itay pro asked 5 years ago

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

Arkadiusz Idzikowski staff commented 5 years ago

There were no changes related to this component in last update. I just checked it and it looks like every element with mdbFixedCaption have overflow: visible style just like in previous versions. Could you provide some code on which we will be able to reproduce that?

Add comment

itay pro answered 5 years ago

0 0 Best answer

After replacing buttonEl.nativeElement with button , style="overflow:visible" is no longer needed.

Can't explain, moving forward

Add comment

itay pro answered 5 years ago

0 0 Best answer

Please insert min. 20 characters.

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 5 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.

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

itay

Pro User 2474Support score
150Questions 196Answers 0Snippets