diff --git a/pkg/interface/chat/src/js/components/lib/overlay-sigil.js b/pkg/interface/chat/src/js/components/lib/overlay-sigil.js index 318aeadd5..a4d4f49f5 100644 --- a/pkg/interface/chat/src/js/components/lib/overlay-sigil.js +++ b/pkg/interface/chat/src/js/components/lib/overlay-sigil.js @@ -49,9 +49,18 @@ export class OverlaySigil extends Component { const parent = this.containerRef.current.offsetParent; const { offsetTop } = this.containerRef.current; - // coordinate system is inverted bc flex-row-reverse - const bottomSpace = parent.scrollTop - offsetTop + OVERLAY_HEIGHT / 2; - const topSpace = parent.clientHeight - bottomSpace - OVERLAY_HEIGHT; + + let bottomSpace, topSpace; + + if(navigator.userAgent.includes('Firefox')) { + topSpace = offsetTop - parent.scrollTop - OVERLAY_HEIGHT / 2; + bottomSpace = parent.clientHeight - topSpace - OVERLAY_HEIGHT; + } else { + // coordinate system is inverted bc flex-row-reverse + bottomSpace = parent.scrollTop - offsetTop + OVERLAY_HEIGHT / 2; + topSpace = parent.clientHeight - bottomSpace - OVERLAY_HEIGHT; + + } this.setState({ topSpace, bottomSpace diff --git a/pkg/interface/chat/src/js/components/lib/ship-search.js b/pkg/interface/chat/src/js/components/lib/ship-search.js index a7de9ec9e..f2e0730bf 100644 --- a/pkg/interface/chat/src/js/components/lib/ship-search.js +++ b/pkg/interface/chat/src/js/components/lib/ship-search.js @@ -284,7 +284,7 @@ export class ShipSearchInput extends Component { className="b--gray2 b--solid ba absolute bg-white bg-gray0-d shadow-5" >