PBO question with Float texture

Hi all.

I am trying to use a PBO in order to render to a texture the visible parts in my scene.
The fiddle is here:
https://jsfiddle.net/pdz13mjg/

My problem is that it seems that my PBO is not working properly with float textures.

The error is the following:
WebGL: INVALID_OPERATION: readPixels: buffer is not large enough for dimensions
(index):462 WebGL: INVALID_OPERATION: readPixels: buffer is not large enough for dimensions
pick_nonblocking_getBufferSubData @ (index):462
requestPickAndRender @ (index):436
requestAnimationFrame (async)
(anonymous) @ (index):439

performance warning: READ-usage buffer was read back without waiting on a fence. This caused a graphics pipeline stall.
(index):464 performance warning: READ-usage buffer was read back without waiting on a fence. This caused a graphics pipeline stall.
(anonymous) @ (index):464
Promise.then (async)
pick_nonblocking_getBufferSubData @ (index):463
requestPickAndRender @ (index):436
requestAnimationFrame (async)
(anonymous) @ (index):439

I don’t know what I am doing wrong.

Could anybody help me?

I have tested it with UINT8 texture an it works properly.
https://jsfiddle.net/pdz13mjg/1/

Many thanks in advanced.

Best regards