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

BugFix - 37311 - unclickable app after selecting consumer while bulk update #3481

Merged

Conversation

IamRanjeetSingh
Copy link
Contributor

@IamRanjeetSingh IamRanjeetSingh commented Feb 5, 2024

Thank you for your contribution.
Before submitting this PR, please make sure:

  • PR description and commit message should describe the changes done in this PR
  • Verify the PR is pointing to correct branch i.e. Release or Beta branch if the code fix is for specific release , else point it to master
  • Latest Code from master or specific release branch is merged to your branch
  • No unwanted\commented\junk code is included
  • No new warning upon build solution
  • Code Summary\Comments are added to my code which explains what my code is doing
  • Existing unit test cases are passed
  • New Unit tests are added for your development
  • Sanity Tests are successfully executed for New and Existing Functionality
  • Verify that changes are compatible with all relevant browsers and platforms.
  • After creating pull request there should not be any conflicts
  • Resolve all Codacy comments
  • Builds and checks are passed before PR is sent for review
  • Resolve code review comments
  • Update the Help Library document to match any feature changes

Summary by CodeRabbit

  • New Features
    • Enhanced the visual presentation and interaction of the combo box in the app.
  • Refactor
    • Improved event handling for combo box interactions and source collection changes.
  • Documentation
    • Added new namespaces to the codebase for improved functionality.

…umer dropdown and click anywhere outside the consumer name then after that not able to click anywhere outside.

RC: In ConsumerComboBox, we are using custom item template. The custom item template is a CheckBox whose width is wrapped to it's content. So if we click to side of the item name then the click event is not sent to the CheckBox and closes the ComboBox. This puts the control in a wierd state where we are not able to click outside unless we move to some other application.
Fix: Add a new property setter to ComboBox ItemContainerStyle. Use this setter to set the HorizontalContentAllignment property to Stretch.
…Box. This allows to select item even when we click on the side of TextBlock.
Copy link
Contributor

coderabbitai bot commented Feb 5, 2024

Walkthrough

The update focuses on enhancing the user interface and interaction within a ComboBox component by restructuring its layout for a cleaner visual and functional experience. It includes the addition of new namespaces to support collection changes, chat functionality, and security enhancements. The handling of events related to collection changes, property changes, and checkbox interactions within the component has been revised for better responsiveness and usability.

Changes

File Path Change Summary
.../UserControlsLib/ConsumerComboBox.xaml Restructured DataTemplate layout, added a Grid around CheckBox, and updated styling and event handlers.
.../UserControlsLib/ConsumerComboBox.xaml.cs Added namespaces (Specialized, Chat, Cryptography), updated event handling for collection, property changes, and checkbox interactions.

🐰✨
Changes abound, both big and small,
In a ComboBox, we've enhanced it all.
With each click and view, may you find,
A smoother journey, with code entwined. 🌟📦

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>.
    • Generate unit-tests for this file.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit tests for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai generate interesting stats about this repository from git and render them as a table.
    • @coderabbitai show all the console.log statements in this repository.
    • @coderabbitai read src/utils.ts and generate unit tests.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (invoked as PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger a review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai help to get help.

Additionally, you can add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.

CodeRabbit Configration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • The JSON schema for the configuration file is available here.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json

CodeRabbit Discord Community

Join our Discord Community to get help, request features, and share feedback.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Review Status

Actionable comments generated: 3

Configuration used: CodeRabbit UI

Commits Files that changed from the base of the PR and between 2501776 and 6cf03c3.
Files selected for processing (2)
  • Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml (1 hunks)
  • Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs (4 hunks)
Additional comments: 4
Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml (2)
  • 29-34: The CheckBox binding and event handlers are correctly implemented. However, verify that the CheckBox_CheckedUnchecked method efficiently handles both the Checked and Unchecked events without unnecessary duplication of logic.
  • 41-48: The ItemContainerStyle for ComboBoxItem with HorizontalContentAlignment set to Stretch is appropriate for ensuring that items stretch to fill the available space. This is a good practice for consistent UI appearance.
Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs (2)
  • 39-41: The addition of System.Collections.Specialized, Windows.ApplicationModel.Chat, and System.Security.Cryptography namespaces suggests new functionality. Ensure that these namespaces are actually used in the code to avoid unnecessary imports which can clutter the codebase and potentially increase compilation time.
  • 122-128: The handling of ConsumerSource changes with CollectionChangedEventManager is correctly implemented to manage event subscriptions based on the old and new values of ConsumerSource. This approach prevents memory leaks and ensures that the component responds correctly to changes in the data source.

Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs Outdated Show resolved Hide resolved
Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs Outdated Show resolved Hide resolved
Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits Files that changed from the base of the PR and between 6cf03c3 and 95aa9f0.
Files selected for processing (1)
  • Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs (4 hunks)
Files skipped from review as they are similar to previous changes (1)
  • Ginger/Ginger/UserControlsLib/ConsumerComboBox.xaml.cs

@Maheshkale447 Maheshkale447 merged commit c2c361e into Releases/Beta Feb 13, 2024
1 check passed
@Maheshkale447 Maheshkale447 deleted the BugFix/37311-UnclickableAppAfterSelectingConsumer branch February 13, 2024 10:41
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.

2 participants