Topic: mdb-range-input thumb- not bouncing
thumb should bounce when hover or press on it.
thumb not bouncing no animations when Inspect the page this is what i get:
<mdb-range-input _ngcontent-krx-c183="" id="range" min="0" max="100" ng-reflect-id="range" ng-reflect-min="0" ng-reflect-max="100">
<div class="range-field ng-star-inserted"><div class="track">
<div title="range" class="range-cloud hidden" ng-reflect-ng-class="[object Object]"><span class="text-transform">0</span>
</div>
</div>
<input type="range" id="range" min="0" max="100" step="undefined" ng-reflect-model="0" class="ng-pristine ng-valid ng-touched"></div><!--bindings={
"ng-reflect-ng-if": "true"
}--><!--bindings={}-->
</mdb-range-input>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 10.1.1
- Device: pc
- Browser: google
- OS: windows
- Provided sample code: No
- Provided link: No
Related topics
Arkadiusz Idzikowski staff commented 4 years ago
It looks like a bug, we will take a closer look at that. I'm afraid there is no easy workaround for now and we will need to add some changes to the component internal code.
fanny111 commented 4 years ago
thanks for your respond. please let me know when its fixed. thank you.
fanny111 commented 4 years ago
Also what should i do that the cloud should always be visible? not only when hovering on it? thank you.
Arkadiusz Idzikowski staff commented 4 years ago
This problem may be related to the problem with animations. The cloud should behave slightly different in this case, we will take a closer look at that.