gwt-polymer-elements icon indicating copy to clipboard operation
gwt-polymer-elements copied to clipboard

PaperDialogScrollable not visible.

Open rakesh-roshan opened this issue 8 years ago • 1 comments

<g:HTMLPanel>
    <p:PaperDialog ui:field="userDialog" >
                <h2>Scrolling</h2>
                <p:PaperDialogScrollable>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </p:PaperDialogScrollable>
                <div class="buttons">
                    <p:PaperButton attributes="dialog-dismiss">Cancel</p:PaperButton>
                    <p:PaperButton attributes="dialog-confirm autofocus">OK</p:PaperButton>
                </div>
            </p:PaperDialog>
</g:HTMLPanel>

When the dialog is opened only header is displayed nothing inside the scrollable area. I am using the latest polymer-gwt-elements 1.2.3.1-SNAPSHOT

rakesh-roshan avatar May 28 '16 03:05 rakesh-roshan

This code work for me using GWT-2.8.0 and gwt-polymer-elements 1.7.0.0. Could you verify? otherwise, please share an example project manifesting the issue.

public class View4 extends Composite implements EntryPoint {
    @UiField PaperDialog userDialog;
    @UiField PaperButton open;

    interface View3UiBinder extends UiBinder<HTMLPanel, View4> {
    }

    private static View3UiBinder viewUi = GWT.create(View3UiBinder.class);

    public View4() {
        initWidget(viewUi.createAndBindUi(this));
        open.addClickHandler(e -> userDialog.open());
    }

    @Override
    public void onModuleLoad() {
        RootPanel.get().add(this);
    }
}
<g:HTMLPanel addStyleNames="view3">
    <p:PaperDialog ui:field="userDialog">
        <h2>Scrolling</h2>
        <p:PaperDialogScrollable>
            <p>Lorem ...
        </p:PaperDialogScrollable>
        <div class="buttons">
            <p:PaperButton attributes="dialog-dismiss">Cancel</p:PaperButton>
            <p:PaperButton attributes="dialog-confirm autofocus">OK</p:PaperButton>
        </div>
    </p:PaperDialog>

    <p:PaperButton ui:field="open">Open</p:PaperButton>
</g:HTMLPanel>

manolo avatar Nov 17 '16 23:11 manolo