Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toolbar Searchfield in CAP is not rendered #594

Closed
anhallbe opened this issue Aug 29, 2019 · 2 comments · Fixed by #604
Closed

Toolbar Searchfield in CAP is not rendered #594

anhallbe opened this issue Aug 29, 2019 · 2 comments · Fixed by #604
Assignees
Labels
priority: high type: bug 🐛 [3] Velocity rating (Fibonacci)
Milestone

Comments

@anhallbe
Copy link
Contributor

Describe the bug
When a CAP header contains a toolbar with a searchfield in it, the searchfield is not rendered.

When modifying the code by removing the class="toolbar", the searchfield is rendered but an extra toolbar appears.

To Reproduce
Steps to reproduce the behavior:

  1. Check out the "searchfield-5.5.2" branch of https://github.com/anhallbe/enterprise-ng
  2. Run npm install if needed, and then npm start
  3. Open the "Contextual Action Panel" sample
  4. Click the "Panel with Searchfield" button
  5. ISSUE A: The panel is opened, but no searchfield is rendered.
  6. Close the CAP
  7. Click the "Panel with Searchfield in flex toolbar button"
  8. ISSUE B: The panel is opened, but it has an extra toolbar with the default CAP title.

Expected behavior
At 5) there should be a searchfield icon that can be expanded to a searchfield.
At 8) there should only be one toolbar.

Version

  • ids-enterprise-ng: 5.5.2
  • ids-enterprise: 4.20.1

Screenshots
cap-searchfield

image

Platform

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

Additional context
ISSUE A as described above can be resolved by not explicitly setting the toolbar class on soho-toolbar. However when doing so, the issue described as ISSUE B occurs, regardless of whether soho-toolbar or soho-toolbar-flex is used.
Code: https://github.com/anhallbe/enterprise-ng/tree/searchfield-5.5.2/src/app/contextual-action-panel

@tmcconechy tmcconechy added [3] Velocity rating (Fibonacci) priority: high type: bug 🐛 labels Aug 29, 2019
@tmcconechy tmcconechy added this to To do in Enterprise 4.22.x (September 2019) Sprint via automation Aug 29, 2019
@tmcconechy tmcconechy added this to ToDo in Enterprise 4.21.x (August 2019) Sprint via automation Aug 29, 2019
@EdwardCoyle
Copy link
Contributor

EdwardCoyle commented Aug 29, 2019

Paging @Sovia, who may also be able to provide some input on changes on the app side.

We had a similar issue crop up in the Landmark platform after the memory leak changes made in infor-design/enterprise#2496. We did patch this in infor-design/enterprise#2691, but we didn't make any changes in the context of a CAP. As far as I know, these patches fixed the Landmark issue.

One thing to note: before we fixed the memory leaks, the lifecycle for Toolbars with noSearchfieldReinvoke set to true wasn't completely right. With the improvements (which fix a pretty bad DOM leak in SPAs), if noSearchfieldReinvoke is true, it will be necessary on the app side to make sure a Soho Toolbar Searchfield is manually setup and torn down.

@EdwardCoyle EdwardCoyle self-assigned this Aug 30, 2019
@tmcconechy tmcconechy moved this from ToDo to In progress in Enterprise 4.21.x (August 2019) Sprint Aug 30, 2019
@tmcconechy tmcconechy added this to the v6.0.0 milestone Sep 3, 2019
@tmcconechy tmcconechy moved this from To do to In progress in Enterprise 4.22.x (September 2019) Sprint Sep 3, 2019
@EdwardCoyle
Copy link
Contributor

I pushed this branch to this repo here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
priority: high type: bug 🐛 [3] Velocity rating (Fibonacci)
Projects
No open projects
Development

Successfully merging a pull request may close this issue.

3 participants