Topic: Range slider tooltip is not showing up

Revature Pro priority asked 6 years ago


Hi, We are using MDB Angular . Range input (slider) is not showing up with its tooltip (which shows percentage) only in safari browsers. Anything need to be updated ? Thanks in advance. Code sample :
              <form class="range-field ">

                <div class="track">

                  <div #rangeCloud class="range-cloud" title="range" [ngClass]="{'visible': this.visibility, 'hidden': !this.visibility}">

                    <span class="text-transform">{{range}}</span>

                  </div>

                </div>

                <input [disabled]='!showRange' #input name="range" type="range" min="0" max="100" (focus)="visibility = true" (blur)="visibility = false" [(ngModel)]="range"

                  (change)="coverage()" (mousemove)="coverage()">

              </form>

                
                  

Damian Gemza staff answered 6 years ago


Dear sreenathb@revature.com, Thanks for your report. I have checked this problem on Safari, and there's no tooltip with percentage. I'm adding this to our bugs list, and we'll fix it in the nearest future. Unfortunately, for now I cannot provide you any workaround or any ETA on this. You have to be patient. Best Regards, Damian

Schaal free commented 3 years ago

Hey! Is the tooltip working again? Can‘t geht it run. Slider is working... do i have To do anything else than paste the html Code? Does it Need js?


Arkadiusz Idzikowski staff commented 3 years ago

@Schaal Hello. We would need more information about your configuration (MDB Angular version, browser and its version) and the problem itself. Please consider creating a new thread with a more detailed description.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 6.2.2
  • Device: Desktop
  • Browser: Safari
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: No