BuilderIO / BuilderIO/mitosis

Mitosis react-like textarea syntax does not work in angular

Open
#876 6 comments 0 reactions 0 assignees View on GitHub
bug
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.