manolo / gwt-polymer-elements

Polymer Web Components for GWT. A collection of Material Design widgets for desktop and mobile.
Apache License 2.0
157 stars 49 forks source link

PaperDialogScrollable not visible. #126

Open rakesh-roshan opened 8 years ago

rakesh-roshan commented 8 years ago
<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

manolo commented 8 years ago

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>