getodk / getodk/web-forms

Whitespace ignored between markdown elements in select options list

Open Beginner friendly
#866 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Expected Behaviour

Select options which have markdown elements should render the same in the select as they would on the page.

### Observed Behaviour

The whitespace is ignored. If you select the option then the markdown is rendered as expected in the select value.

### Reproduction Steps

Form (XML or XLSX file):

Steps:
1. Load a form with a select with a label like `Kipchunu **Dispensary**`
2. Open the select

### Screenshots or Videos

Image

### Additional info

It's to do with the `display: flex` of the list item.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue with a select option labeled `Kipchunu **Dispensary**`, then inspect the select option list and its `display: flex` styling. Confirm that whitespace between markdown elements is preserved in the open select list while the rendered select value remains correct.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.