As for IE/Edge browsers, wait for the CSS module specifications to finalise and MS will probably implement it. It's also probably good to not allow resizing on mobile, considering the limited screen real estate. (You may also have to perform some field testing to observe if changing the parent element's scrollTop/scrollLeft screws up your drag detection).Īll in all, I'd say it's not worth it to implement on mobile. If the parent is auto width/height, you may have to adjust scroll positions accordingly if the element's dimension change happen to exceed the parent's edges.If the parent element is fixed width/height, don't let user resize beyond the parent dimensions.A blue slider indicates that it is enabled. Enable the 'Fix window size' option by clicking on it. Then, click on the hamburger menu at the top-right corner of your BlueStacks 5 window. Similarly, decrease width if drag is to the left, but don't decrease beyond the set min-width. NOTE: If you have multiple instances of BlueStacks 5 installed, you will have to resize all your instances according to your preference.Similarly, increase width if drag is to the right, but don't increase beyond the set max-width.Decrease height of element by drag-y distance if drag is upward, but don't decrease beyond the CSS / style min-height.Increase height of element by drag-y distance if drag is downward, but don't increase beyond the CSS / style max-height.Use JS to listen for drag events (you may need a custom touch events library) on your resize tab.Use HTML + CSS + an img (SVG) to create a little resizing tab at the bottom-right.The logic would probably be something like this: I guess you could still do it in a hacky way, but highly not recommended. There's no simple way to "add mobile resizing". Most mobile browsers don't support the CSS resize property - which is the very thing that gives you resize-able textareas.Ĭheck out which browsers support resizing:
0 kommentar(er)
