ultralight-ux / Ultralight

Lightweight, high-performance HTML renderer for game and app developers.
https://ultralig.ht
4.69k stars 197 forks source link

Resize handle/gripper for div/textarea does not appear; console warnings about platform resource textAreaResizeCorner #390

Open JohnKlenk opened 3 years ago

JohnKlenk commented 3 years ago

For a resizable div or textarea, the resize handle/gripper at the bottom-right corner does not appear. So there is no visual indication that the element is able to be resized, even though it can be if you drag from the correct location.

This happens in both the 1.2.1 build that I'm using, and the latest build (Oct 1, 2021).

The Debug Console in VS Code shows the following (which comes through ultralight::Logger) twice the first time per app session that a resizable element is rendered: WARNING: trying to load platform resource 'textAreaResizeCorner'

Maybe a problem with RenderLayer::drawPlatformResizerImage() in https://github.com/ultralight-ux/WebCore/blob/master/Source/WebCore/rendering/RenderLayer.cpp ?

Resize handle missing in Ultralight

JohnKlenk commented 3 years ago

HTML to reproduce the issue using the "Sample 8 - Web Browser" app (note that in the style, only the resize and overflow attributes are necessary):


<html>

<head>
<style> 
.resizable {
  border: 1px solid black;
  padding: 5px; 
  width: 160px;
  height: 100px;
  resize: both;
  overflow: auto;
}
</style>
</head>

<body>
<div class="resizable">This is a resizable div.</div>
<p>
<textarea class="resizable">This is a resizable textarea.</textarea>
</body>

</html>