Closed torvista closed 1 year ago
These select boxes have css resize: horizontal. I changed that that to both which is ok for windows.
But on Safari there is no resize at all.
https://stackoverflow.com/questions/13252835/safari-change-select-height
suggests
-webkit-appearance: none;
which did not work.
I don't have access to a mac to investigate further, this was pointed out by a remote-working employee.
Sigh, Safari. I don't have access to a Mac either; I'll check with others to see if I can find someone to collaborate with to find a solution
If not, I can get him to bring a mac laptop into the office next week.
If anyone's got an Apple device that can test that this works, it would be a great help!
Still not working: I'll have an Macbook available tomorrow to try more options.
Those multiple-selects use resize: vertical;
, just as an aside.
If you've got access to a Mac, does the resizing work on this demo page: https://developer.mozilla.org/en-US/docs/Web/CSS/resize
Luismi says these all work in Safari/Mac.
I think the just-pushed change might nail the issue. I was after-the-fact (via jQuery) setting the resize: vertical;
CSS property. I've now moved that to the <style>
element in the <head>
. I'm hopeful (??) that that change will be the solution; let me know as this is the last bit before the release.
On the Mozilla web demo, there is the bottom-corner-resize tab and all the examples work, but the tab is not on DBIO
After stripping out all css I got them to be resizeable.
select[multiple] { resize:both;overflow:auto;padding:1px }
works but padding in
select { padding: 0.1em; margin: 0.5em; }
breaks it. And yes it does need all three selectors.
But unfortunately the equivalent of "do not cache" in Developer tools in Safari does not work, so that's two hours lost battling with maybe-maybe-not caching hell.
Even using a separate css file and dbio.css?timestamp did not prevent it caching. What a piece of crap.
I'll have another go on Thursday, then let the mac users sort it out, if there are any.
@torvista, I've got that updated in both the admin tools, noting that using resize: both
can throw the alignment off so I chose to continue to use resize: vertical
.