looped item property compile problem

[agreif]

Help us to manage our issues by answering the following:

1. Describe your issue:

in a tag with 'each' item properties are not read correctly.
the error is 'TypeError: scope.item.scope is undefined'

The problem is that the compiler does generate
return scope.classNames({active: scope.item.scope.isActive});
instead of
return scope.classNames({active: scope.item.scope.isActive});

2. Can you reproduce the issue?
   yes, see tag below.
   BTW I took the 'classNames' function from the homepage

<my-tag>
	<select multiple>
	  <option class="{classNames({active: item.isActive})}" each="{item in items}">
	    {item.name}
	  </option>
	</select>

  <style>
    .active { font-weight: bolder; }
  </style>

  <script>
    export default {
      items: [
        {name: "foo", isActive: true},
        {name: "bar", isActive: false},
      ],
      classNames: (classes) => {
        return Object.entries(classes).reduce((acc, item) => {
          const [key, value] = item
          if (value) return [...acc, key]
          return acc
          }, []).join(' ')
      }
    }
  </script>

</my-tag>

https://plnkr.co/edit/f5q714B2Ay6Cw8cQVf3n?p=preview

3. On which browser/OS does the issue appear?
   'all'

4. Which version of Riot does it affect?
   '4.6.2 and also the current master'

5. How would you tag this issue?

• Question
• [*] Bug
• Discussion
• Feature request
• Tip
• Enhancement
• Performance

[GianlucaGuarini]

Thank you for reporting the issue it was fixed in Riot.jst@4.7.1