`hv.Layout` with `sizing_mode=scale_both` on its elements results in empty plot

Let’s say you want to create a responsive hv.Layout with tabs. If the elements of a hv.Layout have sizing_mode=scale_both (or any sizing_mode other than fixed for that matter), the resulting plot will be empty.

I suspect this is related to @philippjfr’s comment (https://github.com/ioam/holoviews/issues/1230#issuecomment-289912599):

The thing is that a Layout does not determine it’s own size, instead all the elements making up a Layout do.

Below is a minimal example that reproduces the problem:

import numpy as np
import holoviews as hv

scatter_plots = [
    hv.Scatter(
        (np.random.randn(10), np.random.randn(10)),
        label=str(i)).opts(
            plot={
                'width': 300,
                'height': 300,
                'sizing_mode': 'scale_both'  # [1]
            })
    for i in range(5)]

hv.Layout(scatter_plots).opts(
    plot={
        'tabs': True,
        'sizing_mode': 'scale_both'
    })

# Displays an empty plot unless [1] is set to 'fixed'.

[philippjfr]

In 1.12 we will be completely overhauling the layouts, at that point you can set responsive=True which will default to scale both behavior.

[jbednar]

You should be able to specify the aspect or the data_aspect, depending on whether you want to specify the shape on the screen or the ratio of data values.