Quiz Bug: Blanks in Questions and Answers

[danielh-official]

What is the URL where the issue is happening

https://roadmap.sh/ai/quiz/html5-best-practices-and-standards-quiz

What browsers are you seeing the problem on?

Other, Chrome

Describe the Bug

Below is the HTML rendered for the multiple choice answer element.

<div class="mt-6 sm:mt-8"><button class="group flex w-full items-start gap-4 rounded-lg py-2 text-left"><div class="flex size-6.5 shrink-0 items-center justify-center rounded-lg border-2 border-gray-300 group-hover:border-gray-300 group-hover:bg-gray-200"></div><div class="prose prose-base prose-p:mb-3 prose-p:text-base prose-p:font-normal prose-pre:my-5 prose-p:prose-code:whitespace-nowrap prose-p:prose-code:text-sm prose-p:prose-code:px-2 prose-p:prose-code:py-1 prose-p:prose-code:rounded-md prose-p:prose-code:border prose-p:prose-code:border-gray-300 prose-p:prose-code:bg-gray-50 text-left text-gray-800 flex-1"><div></div></div></button><button class="group flex w-full items-start gap-4 rounded-lg py-2 text-left"><div class="flex size-6.5 shrink-0 items-center justify-center rounded-lg border-2 border-gray-300 group-hover:border-gray-300 group-hover:bg-gray-200"></div><div class="prose prose-base prose-p:mb-3 prose-p:text-base prose-p:font-normal prose-pre:my-5 prose-p:prose-code:whitespace-nowrap prose-p:prose-code:text-sm prose-p:prose-code:px-2 prose-p:prose-code:py-1 prose-p:prose-code:rounded-md prose-p:prose-code:border prose-p:prose-code:border-gray-300 prose-p:prose-code:bg-gray-50 text-left text-gray-800 flex-1"><span></span></div></button><button class="group flex w-full items-start gap-4 rounded-lg py-2 text-left"><div class="flex size-6.5 shrink-0 items-center justify-center rounded-lg border-2 border-gray-300 group-hover:border-gray-300 group-hover:bg-gray-200"></div><div class="prose prose-base prose-p:mb-3 prose-p:text-base prose-p:font-normal prose-pre:my-5 prose-p:prose-code:whitespace-nowrap prose-p:prose-code:text-sm prose-p:prose-code:px-2 prose-p:prose-code:py-1 prose-p:prose-code:rounded-md prose-p:prose-code:border prose-p:prose-code:border-gray-300 prose-p:prose-code:bg-gray-50 text-left text-gray-800 flex-1"><link></div></button><button class="group flex w-full items-start gap-4 rounded-lg py-2 text-left"><div class="flex size-6.5 shrink-0 items-center justify-center rounded-lg border-2 border-gray-300 group-hover:border-gray-300 group-hover:bg-gray-200"></div><div class="prose prose-base prose-p:mb-3 prose-p:text-base prose-p:font-normal prose-pre:my-5 prose-p:prose-code:whitespace-nowrap prose-p:prose-code:text-sm prose-p:prose-code:px-2 prose-p:prose-code:py-1 prose-p:prose-code:rounded-md prose-p:prose-code:border prose-p:prose-code:border-gray-300 prose-p:prose-code:bg-gray-50 text-left text-gray-800 flex-1"><iframe></iframe></div></button></div>

Output from browser console (if any)

No response

Participation

• I am willing to submit a pull request for this issue.

[arikchakma]

It should be fixed, I have deployed a fix (will be live in a few mins). Thank you so much. Please re-open if it still persist.