Skip to content

Commit

Permalink
Merge pull request #63 from miljodir/bugfix/radiogroup
Browse files Browse the repository at this point in the history
Fix for MdRadioGroup absolute positioning
  • Loading branch information
kajsaeggum authored Dec 21, 2023
2 parents 6fe80b8 + 70dd8e1 commit 3cb87dd
Show file tree
Hide file tree
Showing 4 changed files with 6 additions and 5 deletions.
2 changes: 1 addition & 1 deletion packages/css/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@miljodirektoratet/md-css",
"version": "1.0.19",
"version": "1.0.20",
"description": "CSS for Miljødirektoratet",
"author": "Miljødirektoratet",
"main": "./src/index.css",
Expand Down
1 change: 1 addition & 0 deletions packages/css/src/formElements/radiogroup/radiogroup.css
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}

.md-radiogroup .md-radiogroup__options--vertical .md-radiogroup-option {
Expand Down
2 changes: 1 addition & 1 deletion packages/react/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@miljodirektoratet/md-react",
"version": "1.0.44",
"version": "1.0.45",
"description": "React-komponenter for Miljødirektoratet",
"author": "Miljødirektoratet",
"main": "./dist/index.js",
Expand Down
6 changes: 3 additions & 3 deletions packages/react/src/formElements/MdRadioGroup.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -122,15 +122,15 @@ const MdRadioGroup: React.FunctionComponent<MdRadioGroupProps> = ({
options.map(option => {
return (
<label
htmlFor={`radio_${radioGroupId}_${option.text}`}
htmlFor={`radio_${radioGroupId}_${option.id}`}
key={`radio_${radioGroupId}_${option.id}`}
className="md-radiogroup-option"
>
<span className="md-radiogroup-option__check-area" id={`dot_${radioGroupId}_${option.text}`}>
<span className="md-radiogroup-option__check-area" id={`dot_${radioGroupId}_${option.id}`}>
{optionIsSelected(option.id) && <span className="md-radiogroup-option__selected-dot" />}
</span>
<input
id={`radio_${radioGroupId}_${option.text}`}
id={`radio_${radioGroupId}_${option.id}`}
type="radio"
value={option.id}
checked={optionIsSelected(option.id)}
Expand Down

0 comments on commit 3cb87dd

Please sign in to comment.