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

Fixed height and scroll not working as expected. #5

Open
elijose55 opened this issue Mar 28, 2020 · 0 comments
Open

Fixed height and scroll not working as expected. #5

elijose55 opened this issue Mar 28, 2020 · 0 comments

Comments

@elijose55
Copy link

The following code makes the textarea overflow incorrectly when you paste a long enough code in it.

import dash_editor_components
import dash
import dash_html_components as html


app = dash.Dash(__name__)

style = {
    "width": "1000px",
    "height": "742px",
    "overflow": "auto"
}

app.layout = html.Div([
    dash_editor_components.PythonEditor(
        id='input',
        style=style
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

The problem is that you cannot edit any text bellow the style defined height. You can view it by scrolling down and even select it, but you can`t edit it. And even the text above the defined height cannot be edited as if the following text is on top of it.

The following images try to ilustrate the problem as it is a bit difficult to describe it.

Image 1:
Screenshot from 2020-03-28 18-24-46

Image 2:
Screenshot from 2020-03-28 18-25-05

I tryed different style parameters to fix this behavior but nothing worked. The only thing I know is that the problem is with the height style property.
Thank you.

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

1 participant