We (obviously) have a few different widgets in our wheelhouse. I realized that even though there’s CSS in place to hide a number of widgets from user view in Chrome and FF, we do have some users that use Safari. All of the widgets that have been developed can be seen in Safari, even though we don’t want users to see all of them.
Through lots of Googling I found that Safari ignores that CSS, which is somewhat of a problem. For most of them I added “do not use” to the title of the widget (for obvious reasons), but there’s 1 widget I just created that needs to be available for 1 group only, but it shows up in safari for everone.
Is there a way to address the Safari issue where all the options are being shown even though they shouldn’t be? Would it just be a matter of adding some javascript or something that would hide the widgets for the groups/users we don’t want to see them?
I’ve set { display: none; } on 18 widgets for any user that is not me or one of my others devs.
I also have a { display: none; } on the 1 new widget for any group that is not the 1 it’s intended for.
I’ve confirmed that these work on Chrome and FF but don’t work for Safari. I’ve read many stack overflow’s where people have experienced the same issue with Safari and select menu options.
Ah, you are trying to hide <option>s in a <select> menu. I’m not familiar with how widgets are displayed for Calendar-only clients (since we use the full CMS), but if it is in <select>, then it looks like you are correct that Safari does not support display:none in that context. I believe I have run into that before and the solution was, as you suggested, to remove the options with javascript.