Topic: mdb-range-input thumb- not bouncing

fanny111 premium asked 1 year ago


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>

Arkadiusz Idzikowski staff commented 1 year 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 premium commented 1 year ago

thanks for your respond. please let me know when its fixed. thank you.


fanny111 premium commented 1 year 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 1 year 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.



Please insert min. 20 characters.

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: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: pc
  • Browser: google
  • OS: windows
  • Provided sample code: No
  • Provided link: No