It is currently 22 April 2025, 20:35 Advanced search

Ionic: Tooltip bottoni in lista non funziona correttamente

Domande e risposte su come utilizzare Instant Developer Cloud al meglio

Ionic: Tooltip bottoni in lista non funziona correttamente

Postby d.termini » 30 January 2020, 7:48

Tema Ionic
Template standard, senza modifiche css, ho dei bottoni inseriti negli item della lista usando un IonButtons.
Ai bottoni ho assegnato un tooltip (sono in modalità desktop e interagendo col mouse mi interessa mostrare cosa fanno), ma il tooltip viene renderizzato in modo errato:
cloud_tooltip_button.png
cloud_tooltip_button.png (5.12 KiB) Viewed 1853 times


Inoltre il tooltip se esce dall'item viene nascosto in quanto item ha overflow:hidden, oppure viene nascosto dalla riga superiore perché ha z-index più alto?

In teoria il tooltip dovrebbe essere un elemento esterno con posizionamento assoluto e uno z-index adeguato, ma non riesco a trovarlo nel DOM con i dev tools per vedere dove sta il problema, anche perché non riesco a selezionarlo in quanto sembra avere z-index inferiore agli elementi della riga.
d.termini
 
Posts: 1640
Joined: 13 November 2017, 8:41

Re: Ionic: Tooltip bottoni in lista non funziona correttamente

Postby r.zambito » 7 April 2020, 12:48

Buonasera, ho fatto una prova su un template standard e non ho riscontrato il problema.
Utilizza il package Ionic 20.0?

Grazie.
r.zambito
 
Posts: 122
Joined: 17 June 2014, 7:38

Re: Ionic: Tooltip bottoni in lista non funziona correttamen

Postby d.termini » 7 April 2020, 13:36

Ciao Riccardo,
con la versione 20.0 sembra sia risolto.

Grazie ;)
d.termini
 
Posts: 1640
Joined: 13 November 2017, 8:41


Return to Tips & Tricks - Cloud

Who is online

Users browsing this forum: No registered users and 6 guests