Testo in schede (tab) non responsive
Autore: Marta K.
Visite 1012,
Followers 3,
Condiviso 0
Ho utilizzato le tabs nella funzione testo per organizzare le informazioni. Dopo 2 ore di lavoro mi sono accorta che questa funzione non è responsive. il testo supera lo spazio orizzontale disponibile e non è neppure possibile scrollare orizzontalmente.
http://www.flyeye.it/applicazioni.html
Non vorrei dover rifare il lavoro in un altro modo. Probabilmente c'é qualche problema nel css.
Grazie
Postato il
Autore
Il problema si presenta con: Chrome Windows e Android, Opera Windows (Android non testato), Edge Windows (android non testato). Su firefox Windows funziona, ma su Firefox Android non è possibile scorrere verso il basso in quanto appena lo si fa, passa alla tab successiva.
Sì, su Firefox da PC funziona, il testo è responsive, sugli altri browser no, idem da smartphone: il testo non si adatta all spazio disponibile.
Mi domando se esiste qualcuno da loro che testa questi moduli fatti coi piedi.
Buongiorno Marta
Ti ringrazio per la segnalazione. Sembra essere effettivamente una situazione nuova che potrebbe essersi presentata a causa di un aggiornamento recente del motore che muove sia Chrome che Edge.
Ho segnalato la cosa al team di sviluppo così da poterla verificare
Resto a disposizione
Stefano
Autore
Sarebbero buone regole, per chi fa assistenza clienti:
Magari mi sbaglio, ma avendo un "vecchio" sito fatto con la 2021 , (che non gestisco più) ... dove ho una pagina con le schede testo...
ho provato a visualizzarlo nei vari browser e non noto nessun problema simile...
Quello che però vedo sul suo sito @Marta è che ci sono gli URL molto lunghi che fuoriescono ai breakpoint inferiori e che difatti chrome NON spezza su più righe , al contrario di Firefox... causando il problema
Se riduco i font , di modo che l'url ci stia nello spazio , infatti funziona tutto bene...
Quindi a mio parere il problema è da ricercare lì...
o magari applicando un CSS a doc per forzare l'a capo anche negli URL
esempi chrome font normale
chrome font ridotto , funge tutto ok
quindi , nell'attesa dello STAFF ...
per il CSS , e per la pagina in questione intendo una cosa come questo (da mettere in "prima della chiusura del tag head), lo provi... :
<style>
#imTextObject_30_01 {word-break: break-all!important;}
</style>
Autore
Grazie Claudio, effettivamente con questo stile css il testo va a capo. Peccato che anche su Android, anche Chrome, oltre che su Firefox, non si possa scrollare in giù perché facendolo si passa alla scheda successiva.
Aspettiamo una risposta dal team di sviluppo.
Grazie
... mi pare, forse sbaglio, che il problema dello scroll sia stato risolto, oppure forse risolto solo per le gallerie, e comunque nel caso se ne trova un mi escamotage, qui: https://helpcenter.websitex5.com/it/post/257071#comment21
... oppure prevedere un adeguato margine laterale...
... anche per gli URL nei LINK, non essendo descrittivi non ha senso proporli in quel modo, e certo per rimediare a cose già fatte, bisognerebbe ricorrere a codice EXTRA per ridurre al nome alla sola directory, oppure fare appunto come già proposto da Claudio, mandando a capo forzatamente gli URL...
... considerare che il testo dell'URL con spazio, o con segno meno (-) andrebbe comunque a capo, invece il testo continuo o con segno basso (_) normalmente non andrebbe a capo...
.