javafxのwebviewで横スクロールバーを出したい

Question

javafxのwebviewコンポーネントでコンポーネントサイズを超えるページを表示しても
横スクロールバーが出てきません。

表示することは可能でしょうか。
有識者の方ご教授いただけると助かります。

Answer 1

WebViewをどのように配置しているのでしょうか。AnchorPaneの中？アンカーの設定は？それともHNox, Vboxのなか？なにをやったのかまったく提示されていませんので、質問からはまったくわかりませんね。

WebView

...WebViewにより、マウス・イベントと一部のキーボード・イベントが処理されて、スクロールが自動的に管理されるため、それをScrollPaneに配置する必要はありません。

ドキュメントは読まれましたよね。スクロールはWebViewが管理してくれるそうです。

まずは、もっとも単純な形で目的のページを表示してみてはどうでしょうか？

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class xxWebView {
  public static void main(final String[] args) throws Exception {
    Application.launch(App.class, args);
  }

  public static class App extends Application {
    @Override
    public void start(final Stage stage) throws Exception {
      final WebView webView = new WebView();
      webView.getEngine().load("https://teratail.com/questions/247090");
      stage.setScene(new Scene(webView));
      stage.show();
    }
  }
}

Comments

[imotaroun]

ありがとうございます。
いただいたコードでは横スクロールバーが表示されました。
こちらで何が原因なのか条件を変えつつ試したところ、
htmlのコードをこのページのものに変更すると横スクロールバーが表示されることがわかりました。
元のhtmlも横方向で画面をはみ出すコンテンツサイズではあるのですが・・
さらなる検証をします。

[shiketa]

アンカー云々と書いたのは、WebViewが実際に表示され見えているサイズよりも、レイアウト上では実は大きいからなのではないかと思うからです。WebViewが思っているサイズが大きいので、スクロールバーを表示する必要はないや、となっているのかも。表示しようとしているhtmlの問題なのかを判断するために、件の画面で https://teratail.com/questions/247090 を表示してみてもいいかもしれません。
わたしは、実際のところどんなふうにレイアウトされているのかを確認するために、scenic-view https://github.com/JonathanGiles/scenic-view を使うこともあります。

[imotaroun]

わかりました！
webview内のコンテンツで、
bulmaというCSSフレームワークをロードすると横スクロールバーが表示されなくなります。
さらなる検証を行ってもいいのですが、
仮で入れたライブラリだったのでこのタイミングで自作していく方向にします。
そこでも検証のタイミングがあることでしょう。
ありがとうございました。

Answer 2

bulmaというCSSフレームワークをやめたら治りました。