Height of fixed button

Topic: Height of fixed button

Kneidels pro asked 11 months ago

I noticed this issue when installing the new version, after having used 4.7the Fixed button container has a height of 500px.which means it covers other buttons or menu item (or anything, really) that happen to be within 500 pixels of it (which could land up to b a lot!)

Here is the snippet, based on your basic setup (no changes made by me): https://mdbootstrap.com/snippets/jquery/moshe/2084785

Screenshot: enter image description here

and here is a screenshot from my own app, where you can see how this massive height covers menu items and potentially anything above it:

enter image description here

My code:

<div class="fixed-action-btn smooth-scroll" style="bottom: 25px; right: 24px;">
<a href="ticket_entry" class="btn-floating btn-large blue  waves-effect waves-light"><!-- waves-effect-->
    <i class="material-icons">add</i>
</a>

What can be done to fix this?

Thanks

Grzegorz Bujański staff commented 11 months ago

Hi. We don't have any workaround solution at this moment. We have this issue in ours to do list.

Kneidels pro commented 11 months ago

Thanks. what about changing the height to 100px ....?

Grzegorz Bujański staff commented 11 months ago

This is a solution that we are considering but needs to be implemented and tested

Add comment

daunus pro answered 10 months ago

0 0 Best answer

Hi,

I have the same issue - when do you plan to fix it? MDB PRO 4.19.0 (jquery)

Piotr

Grzegorz Bujański staff commented 10 months ago

Hi. This will be fixed in the next release

daunus pro commented 9 months ago

Great: works fine in MDB PRO 4.19.1

Thanks!

Grzegorz Bujański staff commented 9 months ago

You're welcome :)

Add comment

Write

Create snippet

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: jQuery
MDB Version: 4.18.0
Device: PC/Mobile
Browser: Chrome/Firefox
OS: Win10/Android
Provided sample code: No
Provided link: Yes

Kneidels

Pro User

247Support score
37Questions 11Answers

0Snippets likes 17Snippets

Service	Why?	Agreement
Essential cookies	These cookies are strictly necessary to provide you with services available through our websites and to use some of its features, such as access to secure areas. Because these cookies are strictly necessary to deliver the websites, you cannot refuse them without impacting how our websites function. You can block or delete them by changing your browser settings.	No Yes
Functional	These cookies are used to enhance the performance and functionality of our websites but are non-essential to their use. However, without these cookies, certain functionality may become unavailable. These cookies are served by brandflow.net.	No Yes
Google AdWords	These cookies are used to make advertising via Google AdWords messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes
Facebook Pixel	These cookies are used to make advertising Facebook messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes

Kneidels

Privacy Preferences