enterprise-wc
enterprise-wc copied to clipboard
IdsSplitter: when using angular size="{{sizeVariable}}" isn't being reflected in the UI. splitter position defaults to 50%.
Describe the bug
size
property isn't being reflected in ids-splitter
when using angular data binding or interpolation. If the splitter position value is directly in the markup then it works.
NOTE requires version 1.3.1 of enterprise-wc for size to work when directly in the markup. This will likely require copying over the 1.3.1 build/dist/development to the angular examples node-modules the since no package available at this time.
To Reproduce Steps to reproduce the behavior:
- In enterprise-wc-example/angular-ids-wc put attached example changes in place for responsive-splitter example
- run angular-ids-wc examples project
- Go to http://localhost:4200/ids-splitter/responsive-splitter
- Notice splitter is at 50% when it should be at 30%
responsive-splitter-size-issue.zip
NOTE: this was found in 1.3.1 although it may exist
Expected behavior
size input should work with an angular interpolation variable
<ids-splitter-pane id="splitter-left" [collapsed]="collapsed" size="{{splitterPosition}}">
Version
- ids-enterprise: 1.3.1
Screenshots
Platform
- Infor Application/Team Name: Landmark
- OS Version: Windows 11
- Browser Name: chrome
- Browser Version: latest
Additional context Add any other context about the problem here.