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

fix: update combobox with latest fundamental-styles #2188

Merged
merged 22 commits into from
Apr 9, 2020

Conversation

mikerodonnell89
Copy link
Member

@mikerodonnell89 mikerodonnell89 commented Mar 18, 2020

Please provide a link to the associated issue.

#2007

Please provide a brief summary of this pull request.

Update combobox to latest version of fundamental-styles. Currently missing the mobile mode which uses dialog, as ngx still hasn't been updated to dialog.

Before:
Screen Shot 2020-03-19 at 11 54 29 AM

After:
Screen Shot 2020-03-19 at 11 57 43 AM
Screen Shot 2020-03-19 at 11 57 28 AM
Screen Shot 2020-03-19 at 11 57 00 AM

Please check whether the PR fulfills the following requirements

Documentation checklist:

@netlify
Copy link

netlify bot commented Mar 18, 2020

Deploy preview for fundamental-ngx ready!

Built with commit 4338b98

https://deploy-preview-2188--fundamental-ngx.netlify.com

@mikerodonnell89 mikerodonnell89 changed the title [WIP] fix: update combobox with latest fundamental-styles fix: update combobox with latest fundamental-styles Mar 18, 2020
* The object attribute by which to group items.
*/
@Input()
groupBy: string;
Copy link
Contributor

@JKMarkowski JKMarkowski Mar 19, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know we had converstaion about this idea, but maybe groupFunction will be better there. I just realised that there can be more complex/indent objects.

Copy link
Contributor

@salarenko salarenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you make sure that:

  • all methods in libs/core/src/lib/combobox/combobox.component.ts have correct typings
  • all private properties have correct name convention (_ prefix)

I would be also great if:

libs/core/src/lib/combobox/combobox.component.html Outdated Show resolved Hide resolved
libs/core/src/lib/combobox/combobox.component.html Outdated Show resolved Hide resolved
libs/core/src/lib/combobox/combobox.component.ts Outdated Show resolved Hide resolved
libs/core/src/lib/utils/pipes/list-group.pipe.ts Outdated Show resolved Hide resolved
@InnaAtanasova
Copy link
Contributor

LGTM @salarenko , could you take a look at the PR again and submit a new review? Thanks :)

Copy link
Contributor

@salarenko salarenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Except that little console.log code looks fine. One thing that bothers me are differences in behavior between our Combobox implementation and SAPUI5 Combobox and in my opinion SAPUI5 makes more sense.

NGX Core Combobox vs SAPUI5 Combobox behaviour:

Action NGX Core SAPUI5
Focus input with Tab and start typing No action Displays list of elements matching provided input.
Click on Combobox input Displays list of all options No action
Click on Combobox input and start typing Filters elements lists, makrs list element only when its 1:1 with typed in query, element cannot be selected without manual Arrow Down navigation and Enter selection. Filters elements lists, marks most accurate result on the list which can be selected by pressing Enter key.
Select an element from the list and click on Input expand button Shows results filtered by selected element. Show all possible options with currently selected element focused.
Click on Combobox input and start typing No element has visible focus. Input is focused.
Expand options list No visuals for Combobox input group changed Expand button marked as active

I have also a couple of reflections on the documentation:

  1. After reading it I do not exactly understand what is the difference between filterFn and searchFunction I feel like this needs a little more explanation especially on searchFunction side. Also API naming convention conflicts here.

  2. Description of 'Display Object Property' section is also quite hard to understand or maybe just wrong. (I do not understand it)

  3. In 'Custom Item Template' you need clearly state that custom template supports List component features and provide link to the component.

  4. ' Combobox with Two Columns' breaks after selecting list element
    image

}

groupFunc(items: any): {} {
console.log({
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

console.log and still needs type annotation

Copy link
Contributor

@stefanoScalzo stefanoScalzo Apr 9, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mikerodonnell89 @salarenko has the above been addressed?

Copy link
Contributor

@rengare rengare left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IE 11 -> can't open menu
image

@JKMarkowski JKMarkowski self-requested a review April 7, 2020 12:53
@JKMarkowski
Copy link
Contributor

IE 11 -> can't open menu
image

Should be fixed after rebasing to current master

@mikerodonnell89 mikerodonnell89 requested review from rengare, salarenko, a team, InnaAtanasova, droshev and stefanoScalzo and removed request for a team April 7, 2020 14:54
@mikerodonnell89
Copy link
Member Author

As we discussed in scrum on monday, click behavior will be reworked in another issue #2285

Copy link
Contributor

@JKMarkowski JKMarkowski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@mikerodonnell89 mikerodonnell89 merged commit 6a987a1 into master Apr 9, 2020
@droshev droshev deleted the fix/combobox-0.6.0 branch April 10, 2020 14:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants