Range slider tooltip is not showing up

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>

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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 4 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 4 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.

Add comment

Write

Create snippet

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

Revature Pro

205Support score
16Questions 12Answers 1Snippets