question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Yielded Components render as Class instead of property

See original GitHub issue

It seems that for glimmer emblem treats nested properties as classes.

% MyForm::MyFormGroup as |formGroup|
	%formGroup.label @name="Ed"

label gets compiled into a class instead of a property on formGroup

<MyForm::MyFormGroup as |formGroup|>
  <formGroup @name="Ed" class="label"></formGroup>
</MyForm::MyFormGroup>

The other issue I’m finding is that %formGroup.label @name="Ed" gets translated into a block component instead inline.

Thanks in advance!

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:8
  • Comments:5

github_iconTop GitHub Comments

1reaction
dfriquetcommented, Jun 24, 2020

I’d be glad to see this issue resolved too. For now, we need to jungle between .emblem and .hbs depending on the use of yielded components or not in the template. And I really miss Emblem’s elegance when writing those Handlebars files…

Thanks @wmlele, this PR of yours looks pretty good!

0reactions
dfriquetcommented, Dec 4, 2020

@thec0keman @machty Any chance you take a look at this issue in a near future?

@wmlele @kjhangiani Are you using some other fork of EmblemJS in production or have you thrown EmblemJS away altogether?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Composing Components - Ember Guides
Once we know that the component is being used in block form, we can yield whatever the user has placed inside the block...
Read more >
Bound properties in Ember.Component yielded content do not ...
The way this should work (I think), is to have both a "template context/controller" and a "layout context/controller". The yield helper would ...
Read more >
Ember component is rendering the number of time the tracked ...
I passed the isPlaying property from the component-class and I'm logging it to the console. Instead of logging the the value of isPlaying ......
Read more >
Higher-Order Components in Ember.js - Chris Krycho
The goal for the yielded sectioning component is for whatever is rendering the modal itself to be able to pass content in and...
Read more >
Simpler and more powerful components in Ember Octane with ...
Ricardo Mendes explains how Glimmer components provide a simpler and clearer, yet more powerful, component layer for Ember Octane ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found