Skip to content

fix(#1586): fix checkbox docs for angular reactive#149

Merged
chrisolsen merged 1 commit into
GovAlta:alphafrom
syedszeeshan:SZ-bug-1586
Apr 25, 2024
Merged

fix(#1586): fix checkbox docs for angular reactive#149
chrisolsen merged 1 commit into
GovAlta:alphafrom
syedszeeshan:SZ-bug-1586

Conversation

@syedszeeshan
Copy link
Copy Markdown
Collaborator

@syedszeeshan syedszeeshan commented Apr 25, 2024

For the checkbox documentation, for the code generated for the Reactive Angular section

-Remove the duplication of [formControl] and [value] attributes
-Use [attr.disabled]="true" when disabled is selected
-Prevent disappearing of attributes when properties are changed e.g. description is provided or disabled is selected, etc.

NOTE: (@lizhuomeng71 @ArakTaiRoth @vanessatran-ddi)
KEEP goaChecked, remove goaValue...Although, the copy code will not work, but based on the discussion with @chrisolsen this is how it should be.

Comment thread src/components/sandbox/ComponentSerializer.ts Outdated
Comment thread src/components/sandbox/ComponentSerializer.ts Outdated
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 25, 2024

Deploy Preview for abgov-ui-component-docs ready!

Name Link
🔨 Latest commit f045f2a
🔍 Latest deploy log https://app.netlify.com/sites/abgov-ui-component-docs/deploys/662ab5f41dc65a00086f18d0
😎 Deploy Preview https://deploy-preview-149--abgov-ui-component-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@syedszeeshan
Copy link
Copy Markdown
Collaborator Author

syedszeeshan commented Apr 25, 2024

image

-No duplicate properties
-add [attr.disabled]="true" (only for Reactive Angular section)
-properties not disappearing when disabled is selected

The above applies to Angular Reactive section only

Comment thread src/components/sandbox/AngularReactiveSerializer.ts Outdated
Comment thread src/components/sandbox/ComponentSerializer.ts Outdated
@syedszeeshan
Copy link
Copy Markdown
Collaborator Author

syedszeeshan commented Apr 25, 2024

For radio -> angular, there is an react GoAInput tag in angular code, please see screenshot

image

Hi @lizhuomeng71 , my changes in this PR are for checkbox only....not for radio group. Is this happening b/c of my changes?

@lizhuomeng71
Copy link
Copy Markdown
Collaborator

Issues is verified on Chrome, Firefox, and edge for react and angular, for mobile and desktop site
Screenshot 2024-04-25 144132

@lizhuomeng71 lizhuomeng71 marked this pull request as ready for review April 25, 2024 21:46
@chrisolsen chrisolsen merged commit 70b9c9a into GovAlta:alpha Apr 25, 2024
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.

Documentation: Update Angular Reactive Forms documentation for Checkbox

3 participants