Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PaperDialogScrollable not visible. #126

Open
rakesh-roshan opened this issue May 28, 2016 · 1 comment
Open

PaperDialogScrollable not visible. #126

rakesh-roshan opened this issue May 28, 2016 · 1 comment

Comments

@rakesh-roshan
Copy link

<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
Copy link
Owner

manolo commented Nov 17, 2016

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants