スクロールバーは view のみに適用

タブスライダーのタブの数を動的に変更する場合、タブスライダーに割り当てる height のサイズが大きすぎたり、小さすぎたりする場合がある。
そのため、スクロールバーを追加することで使いやすくしようとしてみたら、view にしか適用できないようだ。

スクロールバーなし

スクロールバー追加後

修正したソース

「」と「」の直後に「」を追加してみたが、スクロールバーはあらぬところに表示されてしまった。

<?xml version="1.0" encoding="UTF-8"?>
<canvas width="100%" height="100%" debug="false">
  <!-- 地方の定義 -->
  <dataset src="prefectures.xml" name="areas" />

  <view id="s1" x="20" y="20">
    <view layout="spacing:20">
      <!-- tableslider の記述を開始する -->
      <tabslider width="250" height="300">
        <!-- 個々の tabl 要素の記述を開始する -->
        <!-- 地方名を取得する -->
        <tabelement datapath="areas:/japan/area/" text="$path{'@name'}">
          <vbox>
            <!-- 都道府県名を取得する -->
            <text datapath="prefecture/" text="$path{'@name'}" />
          </vbox>
          <scrollbar />
        </tabelement>
      </tabslider>
    </view>
  </view>
  <!-- <script>
    Debug.write("Hello, Debug window!");
  </script> -->
</canvas>