v.22.6Improvement

Modify query div in play.html for extendable textarea height

Official CH changelog text
Modify query div in play.html to be extendable beyond 20% height. In case of very long queries it is helpful to extend the textarea element, only today, since the div is fixed height, the extended textarea hides the data div underneath. With this fix, extending the textarea element will push the data div down/up such the extended textarea won't hide it. Also, keeps query box width 100% even when the user adjusting the size of the query textarea. #37488 (guyco87).
Allow the query textarea in play.html to expand beyond the previous 20% height limit without overlapping the results area.

Why it matters

This feature addresses the issue where very long queries are difficult to view and edit because the query input area (textarea) was fixed at 20% height. Previously, expanding the textarea would hide the results div underneath. The fix ensures that when the textarea is extended, it pushes the results div down instead of overlapping it, improving usability when working with long queries. Additionally, the query box width remains at 100% even when resizing the textarea.

How to use it

Users can simply resize the query textarea in the ClickHouse playground interface (play.html). The textarea element is now dynamically extendable beyond the previous 20% height constraint and will not overlap the data results below. No additional configuration or settings are required.

Related resources

PreviousNext