Dose NOT show edit icon when hover a element which is inside `Button`

Crowdin Issues
1

Description:

Crowdin In-Context SDK does not show edit icon when hover the translated text element which is inside of button element.

Details

If the translation text is inside in div instead of button, it won’t show edit icon when hover the translation text.

But it is a normal case in Frontend development.

The code structure could be like following:

<button>
<div>{translatedText}</div>
</button>

Expected behaviour:

Given Crowdin in-context feature is enabled

When user hover the translated text

Then it should show edit icon for its translated text

2

Hello @JunWu,

It appears that <div> usage within a <button> is not permitted in HTML standard syntax. Here are some related discussions for your reference: https://stackoverflow.com/questions/15885444/why-cant-a-button-element-contain-a-div

3

Hi @Viacheslav ,

Thanks for your reply.

Will Crowdin compatible with this in the future? Because there are so many history code, there are not standard due to different history reason.

4

Hi @JunWu ,

If current behavior is not permitted in HTML standard syntax, I’m not sure that we can do something here, but we will look into this in the future.