Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Item goes out of the modal if its large in Multiple Choice Interaction #5982

Closed
bansalnitish opened this issue Dec 14, 2018 · 3 comments · Fixed by #5983
Closed

Item goes out of the modal if its large in Multiple Choice Interaction #5982

bansalnitish opened this issue Dec 14, 2018 · 3 comments · Fixed by #5983
Labels
frontend needs debugging

Comments

@bansalnitish
Copy link
Contributor

Steps to Reproduce:

  1. Create an exploration with multiple choice interaction.
  2. While adding the choices(items), add items having length upto 4-5 lines.
  3. Add Response and you'll notice the item goes out of the modal.

This doesn't happens with the Item Selection.

Expected Behaviour:
The text should not go out of the modal. Instead one can see how it works well with the Item Selection.

Screenshot

image
@bansalnitish
Copy link
Contributor Author

cc/ @nithusha21 Could you too confirm this? (It happens on the production server as well)
Thanks

@mighty-phoenix
Copy link
Contributor

@bansalnitish Yes, I am able to reproduce it. Can I take up this issue?
Thanks!

@bansalnitish
Copy link
Contributor Author

Yes sure, go ahead!

@mighty-phoenix mighty-phoenix mentioned this issue Dec 14, 2018
Merged
6 tasks
bansalnitish pushed a commit that referenced this issue Dec 27, 2018
@mighty-phoenix @bansalnitish
Fix #5982: Fixes modal overflow issue by using word-break property (#…
e6a1c2a 
…5983)

* Fixes modal overflow issue

* Final fixes

* Correction

* Correction

* Correction

* Correction

* Changes

* Change to avoid overlap of text with selection arrow in add response modal

* All overflows fixed.

* Change

* Alphabetized css

* Alphabetized css
@mighty-phoenix mighty-phoenix mentioned this issue Jan 11, 2019
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
frontend needs debugging
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix #5982: Fixes modal overflow issue by using word-break property mighty-phoenix/oppia
3 participants
@nithusha21 @bansalnitish @mighty-phoenix