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

Parent floated div ignored due to absolute positioning of the form #427

Open
cbruiners opened this issue Feb 6, 2021 · 0 comments
Open
Assignees
Labels

Comments

@cbruiners
Copy link

cbruiners commented Feb 6, 2021

I have a form thats rendered by a JSON source, all works great, except I can't seem to put the form inside a floated DIV for responsive purposes.

There seems to be some absolute position on the form thats needed. What I'm trying to do is float the chart_pane and the question_pane so that they appear in 2 columns (which works fine) but then when the browser is a mobile device, etc... the chart_pane sits on top of the question_pane. The problem I've found is that the conversationform ignores the parent div its in partially because of the absolute position of the form.

Code below

<div id="wrapper">
    <div id="chart_pane">
        <h2>Acue Skunkworks</h2>
        <script>draw();</script>
    </div>
    <div id="question_pane">
        <div id="root"></div>
    </div>
</div>

Any suggestions?

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

No branches or pull requests

2 participants