Default to ltr for reading direction (#18767)

src/components/ha-fab.ts

@@ -2,6 +2,7 @@ import { FabBase } from "@material/mwc-fab/mwc-fab-base";
 import { styles } from "@material/mwc-fab/mwc-fab.css";
 import { customElement } from "lit/decorators";
 import { css } from "lit";
+import { mainWindow } from "../common/dom/get_main_window";
 
 @customElement("ha-fab")
 export class HaFab extends FabBase {
@@ -20,7 +21,7 @@ export class HaFab extends FabBase {
       }
     `,
     // safari workaround - must be explicit
-    document.dir === "rtl"
+    mainWindow.document.dir === "rtl"
       ? css`
           :host .mdc-fab--extended .mdc-fab__icon {
             direction: rtl;