Tab contents remain disabled when switching tabs in Contextual Action Panel

[lbursey-infor]

Describe the bug
Tab contents remain disabled when switching tabs in Contextual Action Panel

To Reproduce
Steps to reproduce the behavior:

1. Add button, input, etc. to a soho-tab-panel inside of a Contextual Action Panel (not the panel open by default)
2. Open the panel
3. See that button, input, etc. remains disabled

Expected behavior
Disabled elements enabled when their tab is active

Version

• ids-enterprise-ng: 13.0.x, 13.1.

Screenshots
.

Platform

• OS Version: Windows 10
• Browser Name: Chrome, Firefox

[tmcconechy]

@lbursey-infor do you have the code for what you tested you could add (or a stackblitz) - this would save a lot of time. Thanks

[lbursey-infor]

Hi @tmcconechy , the file contextual-action-panel-tabs-vertical.component.html can be replaced with the following:

<div soho-tabs vertical="true" (activated)="onTabActivated($event)">
  <div soho-tab-list-container [verticalScrolling]="true">
    <ul soho-tab-list>
      <li soho-tab><a soho-tab-title tabId="tabs-vertical-1">Test Information</a></li>
      <li soho-tab selected="true"><a soho-tab-title tabId="tabs-vertical-2">Contacts</a></li>
    </ul>
  </div>
</div>

<div soho-tab-panel-container [verticalScrolling]="true">
  <div soho-tab-panel tabId="tabs-vertical-1">
    <input soho-toolbar-flex-searchfield [collapsible]="true" [clearable]="true" />
    <button type="button"  class="btn-primary">
      <span>Test</span>
    </button>
  </div>
  <div soho-tab-panel tabId="tabs-vertical-2">
  </div>
</div>

[lbursey-infor]

@tmcconechy FYI, this is blocking core functionality for WFM and will be a release blocker for our CU code cutoff on Jan 25th

[tmcconechy]

Did this work in the past and broke? I’ll do a quick investigation next week

[lbursey-infor]

@tmcconechy This did work at one point yes. It worked at least as late as 10.3.0

[tmcconechy]

Double assigning this in case @ericangeles can look before me but if not I will debug more next Tuesday

[ericangeles]

@tmcconechy it looks like an EP issue. I was able to replicate it in EP.

[tmcconechy]

@lbursey-infor this issue is fixed now. Would you need a patch? If so you have three choices:

1. Wait for 13.1.0 in early feb
2. On top of 13.0.1 as 13.0.2 (NG 13)
3. On top of 10.12.0 as 10.13.0 (NG 12)

[lbursey-infor]

@tmcconechy A patch for 13.0.x would be appreciated. Thanks for the quick turnaround!

[tmcconechy]

Ok Its done 13.0.2 -> https://www.npmjs.com/package/ids-enterprise-ng/v/13.0.2

[janahintal]

QA Passed.
Verified in https://main-enterprise.demo.design.infor.com/components/modal/example-hidden-field.html & https://main-enterprise.demo.design.infor.com/components/contextualactionpanel/example-cap-tabs-vertical-scroll.html?theme=classic&mode=light&colors=2578a9