mariohmol / ang-jsoneditor

Angular Jsoneditor that works with angular 4 to angular 15
https://stackblitz.com/edit/angular-json-editor
MIT License
155 stars 89 forks source link

Bug when editting a json file #124

Open Hennessy19 opened 1 year ago

Hennessy19 commented 1 year ago

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