Skip to content

Bug when editting a json file #124

Open
@Hennessy19

Description

Describe the bug
I am currently working with Angular Ivy and I wanted to integrate this ang-jsoneditor into my project. however, I keep encountering a compatibility issue incase I try to use a newer version of the package. So I tried using older versions of the package i.e packages below version 2.0.0.
Version 1.10.5 worked, however , it is quite buggy in a way that I cannot delete more than one character at a time when editing my JSON in the "Tree" mode.
Also in the "Code" Mode, the cursor does not appear where I click, so its displaced in a way.
Is this an issue with the version of the package or my own project?

Expected behavior
what I expect to happen, is when editing in "Tree" mode, i need to be able to delete multiple characters without clicking on the key to edit again.
When editing in 'Code' mode, I expect the cursor to appear precisely where I have clicked in the editor. rather than away from it.

Console and Error stack trace
I have the error below after reinstalling version 1.10.5
Screenshot (40)

<json-editor [options]="options" [data]="settings" #editor [(ngModel)]="settings"></json-editor>```


**Screenshots**

**Desktop (please complete the following information):**
 - OS: Windows 11
 - Browser : chrome, Edge
 - Ng Version 
 Angular CLI: 13.2.6
Node: 18.17.0 (Unsupported)
Package Manager: npm 9.6.7
OS: win32 x64

Angular: 13.2.7
... common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1302.6
@angular-devkit/build-angular   13.2.6
@angular-devkit/core            13.2.6
@angular-devkit/schematics      13.2.6
@angular/animations             12.2.16
@angular/cdk                    13.2.6
@angular/cli                    13.2.6
@angular/http                   7.2.16
@angular/language-service       12.2.16
@angular/localize               11.2.14
@schematics/angular             13.2.6
rxjs                            6.6.7
typescript                      4.4.4
webpack                         5.76.2

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions