Responsive Navbar with Dropdown CSS e compatibilità

[corvazo]

Salve,

ho provato tale barra di navigazione usando questo codice https://www.w3schools.com/howto/howt...r_dropdown.asp

e poi l'ho provato su diversi dispositivi: su qualsiasi browser per Window 10 Edge compreso funziona a parte una imperfezione grafica su IE11 che evidenza il dropdown menu ancor prima di passarci sopra col mouse.
Su un telefono Windows mobile 10 32 il dropdown menu si aziona ma quando si va a cliccare il link più in basso ecco che scompare rendendo la pagina inacessibile!
Su vari browser Android 4.3 funziona e spero anche per iphone.
L'ho provato anche su Opera 12 (2013) su Symbian e funziona in modo strano ma accessibile.
Dal momento che penso al Web come a un qualcosa di accesibile a tutti non è che c'è il modo di trovare una soluzione almeno per Windows mobile che usa Edge? Qualcuno conosce come mai non funziona? Uso Windows mobile da anni e non avevo mai rinscontrato problemi di questo tipo...

[Kaya]

Originariamente inviato da corvazo

Salve,

ho provato tale barra di navigazione usando questo codice https://www.w3schools.com/howto/howt...r_dropdown.asp

e poi l'ho provato su diversi dispositivi: su qualsiasi browser per Window 10 Edge compreso funziona a parte una imperfezione grafica su IE11 che evidenza il dropdown menu ancor prima di passarci sopra col mouse.
Su un telefono Windows mobile 10 32 il dropdown menu si aziona ma quando si va a cliccare il link più in basso ecco che scompare rendendo la pagina inacessibile!
Su vari browser Android 4.3 funziona e spero anche per iphone.
L'ho provato anche su Opera 12 (2013) su Symbian e funziona in modo strano ma accessibile.
Dal momento che penso al Web come a un qualcosa di accesibile a tutti non è che c'è il modo di trovare una soluzione almeno per Windows mobile che usa Edge? Qualcuno conosce come mai non funziona? Uso Windows mobile da anni e non avevo mai rinscontrato problemi di questo tipo...

Hai già provato con bootstrap? ( https://getbootstrap.com/docs/4.0/components/dropdowns/ )
Credo sia sempre meglio appoggiarsi a un framework pronto che non a custom css per queste cose..

[corvazo]

Originariamente inviato da Kaya

Hai già provato con bootstrap? ( https://getbootstrap.com/docs/4.0/components/dropdowns/ )
Credo sia sempre meglio appoggiarsi a un framework pronto che non a custom css per queste cose..

Pensavo di imparare lo standard in w3schools.com. Grazie comunque ci darò un'occhiata.

[Kaya]

Originariamente inviato da corvazo

Pensavo di imparare lo standard in w3schools.com. Grazie comunque ci darò un'occhiata.

Imparare lo standard è cosa buona e giusta, il problema è proprio il fatto che i browser stessi non lo rispettano (Ie in primis).

Ad esempio https://www.acidtests.org/

[corvazo]

Originariamente inviato da Kaya

Imparare lo standard è cosa buona e giusta, il problema è proprio il fatto che i browser stessi non lo rispettano (Ie in primis).

Ad esempio https://www.acidtests.org/

Se è il loro browser che non rispetta lo standard come faccio a segnalare un bug almeno di Edge mobile visto che è ancora supportato? Anche perché lo uso

[Kaya]

Originariamente inviato da corvazo

Se è il loro browser che non rispetta lo standard come faccio a segnalare un bug almeno di Edge mobile visto che è ancora supportato? Anche perché lo uso

Eeeeeeh auguri.
Di solito si fanno workaround lato chi sviluppa la web app proprio per gestire queste casistiche.

[corvazo]

Originariamente inviato da Kaya

Eeeeeeh auguri.
Di solito si fanno workaround lato chi sviluppa la web app proprio per gestire queste casistiche.

Ho sostituito la barra di navigazione precedente che anche se ero riuscito ad addattarla bene a IE11 non funzionava a dovere su Edge Mobile dovendo usare ben due dita!

Ho letto un po di pappardella in questi giorni e alla fine ho scelto bootstrap 3.4 che carico direttamente da server. La barra menu è simile a quella precedente anche se esteticamente migliore e funziona su tutto - prima il link si apriva con hover adesso bisogna cliccare forse era quello il problema.
Ora io non ho scaricato il bootstrap e non so cosa ci sia dentro mi pare sia essenzialmente un foglio di stile e spero solo non vada in conflitto con il mio di foglio di stile. Ovviamente ho dovuto togliere il codice della precedente barra menu o topnav ma vedremo se il resto delle pagine già pronte funzioneranno...

PS Anche su W3school ci stanno i link che mi hai suggerito.
PPS Erano più noti tempo fa i problemi di compatibilità di Edge Mobile, ho fatto un po' fatica a trovare alcune informazioni a riguardo e vecchie discussioni (2013) a problemi che magari oggi son stati per lo più risolti.

[Kaya]

Per capirsi, bootstrap è sviluppato da quelli di Twitter.
Incompatibilità non dovrebbe essercene se hai fatto le cose con "criterio logico".

[corvazo]

Originariamente inviato da Kaya

Per capirsi, bootstrap è sviluppato da quelli di Twitter.
Incompatibilità non dovrebbe essercene se hai fatto le cose con "criterio logico".

Son riuscito sia ad adattare il vecchio foglio di stile che il bootstrap secondo i miei gusti. Struttura teminata ma rimangono altre cosette da risolvere per cui aprirò un altro topic se necessario.

Una domanda: cosa ne viene a Twitter sviluppare bootstrap? Pensavo fosse Google dietro ad html5 e web in generale.

[Kaya]

Originariamente inviato da corvazo

Una domanda: cosa ne viene a Twitter sviluppare bootstrap? Pensavo fosse Google dietro ad html5 e web in generale.

Mi spiace ma hai credenze errate.

HTML5 è del consorzio W3C (che poi ci sia dentro ANCHE google assieme ad altri è un altro discorso).

Twitter ce ne viene perchè lo usa primariamente, e ha deciso di renderlo libero come tante altre società fanno con prodotti "propri" e li rigriano Open (vedi anche Microsoft con il suo recente accostamento all'open source, Chromium di Google, ecc ecc)