enterprise-wc icon indicating copy to clipboard operation
enterprise-wc copied to clipboard

IdsSplitter: when using angular size="{{sizeVariable}}" isn't being reflected in the UI. splitter position defaults to 50%.

Open pwpatton opened this issue 7 months ago • 0 comments

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:

  1. In enterprise-wc-example/angular-ids-wc put attached example changes in place for responsive-splitter example
  2. run angular-ids-wc examples project
  3. Go to http://localhost:4200/ids-splitter/responsive-splitter
  4. 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 image

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.

pwpatton avatar Jul 25 '24 13:07 pwpatton