mdbFixedCaption - cpation is missing in 8.3.1


Topic: mdbFixedCaption - cpation is missing in 8.3.1

itay pro asked 10 months 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 10 months 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?


itay pro answered 10 months ago

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 10 months 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.


itay pro answered 10 months ago

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

Can't explain, moving forward


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 8.3.1
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: No