Mitosis react-like textarea syntax does not work in angular
- Dominant language
- TypeScript
- Stars
- 14.4k
- Forks
- 671
- PR merge metrics
- No merged PRs in 30d
Description
### I am interested in helping provide a fix!
Yes
### Which generators are impacted?
- [ ] All
- [X] Angular
- [ ] HTML
- [ ] Qwik
- [ ] React
- [ ] React-Native
- [ ] Solid
- [ ] Stencil
- [ ] Svelte
- [ ] Vue
- [ ] Web components
### Reproduction case
https://mitosis.builder.io/?outputTab=IYOw5grgNsBOQ%3D%3D%3D&code=JYWwDg9gTgLgBAbzgVwM4FMDKMCGN1wC%2BcAZlBCHAEQACARssADYAm6UAdMBAPQjAwIqYKioBuAFAT0AD0iw4bEjmRN4JZADsAxjG6a4AWQCeAYQqRN6TTAAUASkQS4cKOhjIoB285dwAPPgyuG44cABuOEzI6AC8AOT4qDDxcDwAfL72koRAA%3D%3D
### Expected Behaviour
When using the react-like syntax to set the value of a textarea
e.g
```tsx
```
Mitosis converts this into the following angular code
```tsx
<textarea value="test">
```
Instead mitosis should convert this into one of the following syntaxes which works in angular.
```tsx
```
### Actual Behaviour
```tsx
```
does not show "test" inside the textarea in angular.
### Additional Information
See stackblitz
https://stackblitz.com/edit/angular-ivy-zar36q?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts
Contributor guide
Research direction
Start with the linked Mitosis reproduction and compare the Angular output with the StackBlitz files src/app/app.component.html and src/app/app.component.ts. Trace the Angular generator's handling of textarea value attributes; done means the react-like syntax renders "test" in Angular using a working binding syntax.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- compilers, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100