Floating buttons not working

Topic: Floating buttons not working

allancmello pro asked 4 years ago

Expected behavior enter image description here

Actual behavior

enter image description here

Imports app.modules.ts:

enter image description here

app.components.html:

enter image description here

My style.css:

enter image description here

Is this a bug in this version? what's the problem?

Konrad Stępień staff commented 4 years ago

Hi @allancmello, the problem still exists if you remove , char in styless.scss in line with #inro-section?

allancmello pro commented 4 years ago

Problem solved! Removed code in the app.component.ts:

ngAfterViewInit() { const buttons = document.querySelectorAll('.btn-floating'); buttons.forEach((el: any) => { this.renderer.removeClass(el, 'btn-floating'); this.renderer.addClass(el, 'px-3'); this.renderer.addClass(el.firstElementChild, 'fa-3x'); }); }

this code in the event ngAfterViewInit was causing the Floatting Button error

Thanks Stepien

Konrad Stępień staff commented 4 years ago

Hi @allancmello,

Thanks for the information. If you have any problem please tell me about it :)

Add comment

allancmello pro answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Hi Stepien, I had already removed the comma ( , ), the problem continues, see this site in version MDB 8.0.4, it works!

enter image description here