Messager position

[chrwei]

When using Messager.alert, and probably the other methods too, the position is set the first time it is displayed.  Scroll the page and display it again and it may be out of view

[jarry]

You can set the 'position' style with 'fixed' when open the alert dialog.

Code:

this.messager.alert({
  title: "Alert",
  msg: "Here is a message!",
  style: {
    position: 'fixed'
  }
});

[chrwei]

that had no effect, at best this would let me specify where it should be placed, right?

it does already calculate placing the dialog in the center of view, even when scrolled down, just that it only does this calculation the first time it's displayed, instead of every time

[chrwei]

workaround with this, but it does some odd scrolling things if the parent panel's length changes between dialogs.  at least the dialog is always visible.

Code:

export class MyMessager extends Messager {
    onOpen() {
        let iv = setInterval(() => {
            if(this.dialog) {
                clearInterval(iv);
                this.dialog.vcenter();
            }
        }, 50);
    }

    render() {
        return (
            <MessagerDialog
                ref={ref => this.dialog = ref}
                onOpen={this.onOpen.bind(this)}
                {...this.props}
                {...this.state}
            />
        )
    }
}