search

lat9 / dbio

Database Input/Output for Zen Cart
GNU General Public License v3.0
3 stars 1 forks source link

unable to resize select windows in Safari #205

Closed torvista closed 1 year ago

torvista commented 1 year ago

Clipboard01 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.

lat9 commented 1 year ago

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

torvista commented 1 year ago

If not, I can get him to bring a mac laptop into the office next week.

lat9 commented 1 year ago

Just found this stackoverflow posting; I'll see how that works.

lat9 commented 1 year ago

If anyone's got an Apple device that can test that this works, it would be a great help!

torvista commented 1 year ago

Still not working: I'll have an Macbook available tomorrow to try more options.

lat9 commented 1 year ago

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

torvista commented 1 year ago

Luismi says these all work in Safari/Mac.

lat9 commented 1 year ago

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.

torvista commented 1 year ago

On the Mozilla web demo, there is the bottom-corner-resize tab and all the examples work, but the tab is not on DBIO

Captura de Pantalla 2023-01-16 a las 14 09 53

torvista commented 1 year ago

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.

lat9 commented 1 year ago

@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.