CSS3 column-count issue with OPERA

Do you have a link I can examine. I will grab opera and take a look.

Here you go:
https://usatocontrollato.com/sell-your-car/

To open the modal window just click on “apri” or on “Optional” input box (middle of the page).

Thanks for your help.
f

Wondering if this was solved by any of the latest updates. Please let me know so i can close the thread.

Actually not yet…. I’m still stuck in this thing….

Do you happen to have another link. The one from before is no long working and is just a login screen. I’d be happy to take another look.

Sure, here’s a new testing page:
https://usatocontrollato.com/testing/

Just click inside the input box of “inserisci gli optional” field to open the modal.

thanks for caring… ??

Ok i just checked it in the latest version of opera and it is working fine that i can see. I see 3 full columns of checkboxes.

Are you still experiencing the problem?

Thank you danieliser.

I’ve just solved it with this hack that works at least on opera 12.10…

First of all I’ve made a class for the div that contains those “optionals”:

.optionals {
-webkit-column-count: 3 !important;
-moz-column-count: 3 !important;
column-count: 3;
-moz-column-width: 285px !important;
-o-column-count: 1 !important;
}

And then I’ve added an hack to target Opera (…and only Opera) with the non-exsisting pseudoclass “doesnotexist:-o-prefocus”

doesnotexist:-o-prefocus, .optionals {column-count:auto !important;}

And this just did the trick…
I hope it could be helpful.
Thanks for your help.

Glad you got it figured out. Browser testing is usually my least favorite part of my projects. I can’t wait till they all get their head on straight and unify the HTML/CSS engines for all browsers.

Please take a moment to rate and review the plugin and/or support https://www.ads-software.com/support/view/plugin-reviews/easy-modal