Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
ngx-datatable-row-detail collapsing by itself
See original GitHub issueI’m submitting a …
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter
Current behavior
When I select an input inside <ngx-datatable-row-detail> the detail will collapse. If I expand it again and select a value from a <select> or edit an <input> it will collapse again.
Expected behavior The detail should stay expanded.
Reproduction of the problem
Add <input> or <select> elements inside <ngx-datatable-row-detail> and try to interact with them.
You can watch the unexpected behaviour here too.
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
-
OS: MS Windows 10 Pro
-
IDE: VS Code/WebStorm
-
Package Manager: NPM
-
Table version: 14.0.0
-
Angular version: 6.1.10
-
Browser: Chrome, Opera, Chrome Mobile
-
Language: [TypeScript 2.9.2 | ES6/7]
Issue Analytics
- State:
- Created 5 years ago
- Comments:9
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@SeniorCSSdeveloper Nope, I am working on the backend of the application now. I still have to fix this but I have other priorities, when I got back to work on it, I will post the solution here if I found.
Try with
(select)=“$event.stopPropagation()”
It worked for me on a similar issue with an input on the header.