For the time being you can use the following workaround:
ASPX:
		<div style="border: 1px solid red; height: 300px; width: 400px; overflow: scroll;">
			<div style="border: 1px solid green; height: 500px; width: 200px;">
				<telerik:RadDockZone ID="RadDockZone1" runat="server" RenderMode="Lightweight">
					<telerik:RadDock ID="RadDock1" runat="server" Resizable="true" RenderMode="Lightweight">
						<ContentTemplate>
							<div style="border: 1px solid blue; height: 100px;"></div>
						</ContentTemplate>
					</telerik:RadDock>
				</telerik:RadDockZone>
			</div>
		</div>
		<script>
			var Browser = Telerik.Web.Browser;
			$ = $telerik.$;
			Telerik.Web.UI.RadDock.prototype._initResizableWidget = function()
			{

				if(this._resizableWidget && this._resizableWidget.dispose)
					this._resizableWidget.dispose();

				if(!this._resizable) return;

				if(Browser.webkit) {
					//need to kickstart the css transform, because of a quirk in the layout engine of webkit/blink when it comes to position:static inside position:relative
					this._kickStartCssTransform();
				}

				this._resizableWidget = new Telerik.Web.UI.Widgets.Resizable(this._element, {
					handles: this._getAvailableHandles(), appendHandleToElement: true
				});

				if(this._renderingView)
					this._setResizeLimit();

				if(this._collapsed)
					this._resizableWidget.hideHandles();

				this._resizableWidget.add_resizeStart($.proxy(this._resizeStartHandler,this));
				this._resizableWidget.add_resizing($.proxy(this._resizingHandler, this));
				this._resizableWidget.add_resizeEnd($.proxy(this._resizeEndHandler, this));
			}
		</script>