search

khan4019 / tree-grid-directive

Need one or more maintainer for this! comment or email me if you are interested
http://khan4019.github.io/tree-grid-directive/test/treeGrid.html
347 stars 183 forks source link

Trouble with rendering tree-grid #161

Closed G-Milevski closed 6 years ago

G-Milevski commented 6 years ago

Hi. I have trouble with rendering tree-grid. I don't understand why i see dirty rendering when i open/close element. 2018-09-10_12-41-23

bower.json "dependencies": { "angular": "1.5.3", "angular-csv-import": "v0.0.36", "angular-odata-resources": "^1.0.14", "bootstrap": "^3.3.6", "ngInfiniteScroll": "^1.2.2", "AngularJS-Toaster": "angularjs-toaster#^1.2.0", "angular-bootstrap": "^1.3.2", "angular-bindonce": "^0.3.3", "angular-ui-select": "^0.17.1", "angular-sanitize": "1.5.5", "angular-loading-bar": "^0.9.0", "angular-ui-tree": "^2.16.0", "ng-token-auth": "^0.0.29", "angular-ui-router": "^0.3.1", "angular-messages": "1.5.7", "ngstorage": "^0.3.11", "angular-animate": "1.5.3", "angular-ui-grid": "^4.0.4", "angular-signalr-hub": "^1.6.3", "signalr": "^2.2.2", "angular-awesome-slider": "^2.4.4", "angular-bootstrap-grid-tree": "^0.4.0" }, "devDependencies": { "angular-mocks": "1.5.3" }, "resolutions": { "angular": "1.5.3" }

If need i can attachment piece HTML and js code with determination of this directive.

G-Milevski commented 6 years ago

i found solution for my trouble. I get this behavior in treeGrid, because treeGrid.css file have next rules: .tree-grid-animate-enter, .tree-grid-row.ng-enter { -moz-transition: 200ms linear all; -o-transition: 200ms linear all; -webkit-transition: 200ms linear all; transition: 200ms linear all; position: relative; display: block; opacity: 0; max-height: 0; } .tree-grid-animate-leave, .tree-grid-row.ng-leave { -moz-transition: 200ms linear all; -o-transition: 200ms linear all; -webkit-transition: 200ms linear all; transition: 200ms linear all; position: relative; display: block; height: 30px; max-height: 30px; opacity: 1; }

i redefined next css rules in my css file : .tree-grid-animate-enter, .tree-grid-row.ng-enter { -moz-transition:none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; }

.tree-grid-animate-leave, .tree-grid-row.ng-leave { -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; }

And it helped for me.