-
Notifications
You must be signed in to change notification settings - Fork 5.7k
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
issue/4599-Add cursor position information on the bottom of the editor area #5379
Conversation
…h will be changed dynamically.
This PR is renewable version of the previous PR 4626 which had been admitted by maintainers while there was some conflicts when some new changes were added into the project. |
@amanape has this on his list to take a look. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! Thank you
Just need to take care of those linting errors and we're all set to merge |
I've solved linting errors by adapting my code to a prettier style ~ |
I may revert this PR because the display makes the file a little hard to see. And I want to get a release out. |
All right, I'll try to fix it soon~ |
End-user friendly description of the problem this fixes or functionality that this introduces
Give a summary of what the PR does, explaining any non-trivial design decisions
This PR add information of where the cursor is inside the editor area. The information goes like:
Here's the implementation:

I've made this change by only modifying
Added a variable cursorPosition to record the position of the cursor.

Dynamically change cursorPosition in handleEditorDidMount and pass it as a parameter to the sub-component code-editor-component.

Add the cursorPosition member variable to the component definition.

Add a div element to the return statement to display the cursorPosition information.

Link of any specific issues this addresses、
source issue issue#4599