Π― ΠΏΡΡΠ°ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΡΠ±ΠΎΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ. Π― ΠΌΠΎΠ³Ρ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ. Π― ΡΡΠΎΠ»ΠΊΠ½ΡΠ»ΡΡ Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π·Π΄ΡΠ°ΠΆΠ°ΡΡΠ΅ΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ: ΠΊΠΎΠ³Π΄Π° Ρ ΠΏΡΡΠ°ΡΡΡ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°, ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ Π·Π°ΠΊΡΡΠ²Π°Π΅ΡΡΡ. Π― ΠΏΡΠΎΠ±ΠΎΠ²Π°Π» ΠΈ ΡΠ΅ΠΏΠ»ΠΈΡΠΈΡΠΎΠ²Π°Π» ΡΠΎΡ ΠΆΠ΅ ΠΊΠΎΠ΄ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΎΠ½ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. Π― ΡΠΎΠ·Π΄Π°Π» jsFiddle, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
ΠΠ±ΡΡΠ½Π°Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠ° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ, Π½ΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π·Π°ΠΊΡΡΠ²Π°Π΅Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ. ΠΡΡΡ Π»ΠΈ ΡΠΏΠΎΡΠΎΠ± ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ?
ΠΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΎΡΠΈΠ±ΠΊΠ°. ΠΠΎ Ρ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, Π² ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ... ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌΡΡ ΠΈΠ»ΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠΌ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌΡΡ ΡΠΏΠΈΡΠΊΠΎΠΌ Bootstrap, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°, ΠΏΠΎΡ ΠΎΠΆΠ΅, ΡΠ²ΡΠ·Π°Π½Π° Ρ ΡΠΎΠ±ΡΡΠΈΠ΅ΠΌ ΡΠ΅Π»ΡΠΊΠ°, Ρ.Π΅. ΡΠ΅Π»ΡΠΎΠΊ ΠΏΠΎ ΠΏΠΎΠ»ΠΎΡΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π·Π°ΠΊΡΡΠ²Π°Π΅Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ.
ΠΡΡΡ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΏΠΎ ΡΡΠΎΠΌΡ ΠΏΠΎΠ²ΠΎΠ΄Ρ @davidstutz ?
ΠΡΠΈΠ²Π΅Ρ, Ρ ΠΊΠ°ΠΊ Π±Ρ ΠΏΠΎΠ½ΡΠ», ΡΡΠΎ ΡΡΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°. ΠΠΎΠ³Π΄Π° Ρ ΡΠ΄Π°Π»ΠΈΠ»
tabindex="-1"
ΠΈΠ·
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
Π― ΡΠΌΠΎΠ³ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
Π£ ΠΌΠ΅Π½Ρ ΡΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΡΡΡΠΈΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΠΈ ΠΏΠΎΠΏΡΡΠΊΠ΅ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, Π½ΠΎ Π½Π΅ Π²Π½ΡΡΡΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° bs, Π° ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ asp. Π― ΡΡΠ·ΠΈΠ» Π΅Π³ΠΎ Π΄ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° css ΡΡΡΠ»ΠΊΠΈ ul, -ms-overflow-y: auto; Π΅ΡΠ»ΠΈ Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡ html (Π½Π΅ dom) Π² ΠΊΠΎΠ½ΡΠΎΠ»ΠΈ ΠΎΡΠ»Π°Π΄ΠΊΠΈ IE, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎΡ ΡΠ΅Π³ ΠΏΡΠΎΡΡΠΎ overflow-y: auto (ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ -ms-), ΠΎΠ½ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π²Π²Π΅ΡΡ ΠΈ Π²Π½ΠΈΠ·. Π‘ΡΡΠ°Π½ΠΈΡΠ° ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π±Π΅Π· Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π² Chrome. ΠΠΎΠ»Π΅ΡΠΎ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ. Π― ΠΏΡΠΎΠ±ΠΎΠ²Π°Π» Π²ΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ, jquery, ondropdownshown, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° ul Π² ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠΌ ΠΊΠΎΠ΄Π΅ bms (ΠΊΡΡΠ°ΡΠΈ, 9.15 v), Π½ΠΈΡΠ΅Π³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ, ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ html Π²Π½ΡΡΡΠΈ ΠΎΠΊΠ½Π° ΠΎΡΠ»Π°Π΄ΠΊΠΈ, Ρ.Π΅. ΠΈΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΡΡΠΎ Β». ΠΡΠ°ΠΊ, ΠΏΠΎΡ ΠΎΠΆΠ΅, Π²ΠΈΠ½ΠΎΠ²Π°Ρ MS -ms-overflow-y. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Ρ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, ΠΊΠ°ΠΊ ΡΠ±Π΅ΡΠ΅ΡΡ ΡΠ²ΠΎΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΎΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ overflow-y Π½Π° -ms-overflow-y, ΠΊΠΎΠ³Π΄Π°, ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΡΡΡΠ°Π½ΠΈΡΡ.
Π§ΡΠΎΠ±Ρ Π±ΡΡΡ ΡΠΎΡΠ½ΡΠΌ Π² ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠΈ ΡΡΡΠ΅ΠΊΡΠ° Π² IE 11, Ρ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π» Π²ΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ css, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°Π±Π»ΠΎΠ½ ul ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΡΡ overflow-y: auto ΠΏΡΠΈ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ, Π½ΠΎ Π±Π΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ. ΠΡΡΠ΅ΠΊΡ Π² IE, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΈΡΡΠ΅Π·Π½ΡΡΡ, - ΡΡΠΎ ΠΊΠΎΠ³Π΄Π° Π²Ρ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΠ΅ Π»Π΅Π²ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ Π½Π° ΡΡΡΠ΅Π»ΠΊΠ°Ρ Π²Π²Π΅ΡΡ ΠΈΠ»ΠΈ Π²Π½ΠΈΠ· Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΡΠ΅ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ, ΠΏΠΎ ΡΡΡΠΈ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ Π»Π΅Π²ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ Π²Π½ΠΈΠ·, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΡΠ΅Π»ΠΊΠ°Ρ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ , ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΊΠΎΠ»Π΅ΡΠΎ ΠΌΡΡΠΈ. Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ div Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²ΡΡ ΠΎΠ΄ΠΈΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ ΡΠΎΠΉ ΠΆΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ, Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ -ms-overflow-y: scroll, ΠΈ ΠΎΠ½ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π²ΡΠΏΠΎΠ»Π½ΡΡ ΡΠ΅ ΠΆΠ΅ ΡΡΡΠ΅ΠΊΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎ ΡΠ°Π·Π΄Π΅Π» ΡΡΡΠ°Π½ΠΈΡΡ, Π½Π΅ ΠΎΡΠ½ΠΎΡΡΡΠΈΠΉΡΡ ΠΊ jquery ΠΈ plug. ΠΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ, ΠΊΠ°ΠΊ-ΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ jquery ΠΊ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ° Windows.
Π§ΡΠΎΠ±Ρ Π·Π°ΠΊΠΎΠ½ΡΠΈΡΡ ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½ΡΡ Π΄ΠΈΡΡΠ΅ΡΡΠ°ΡΠΈΡ ΠΏΠΎ ΡΡΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ΅ Π² IE, Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ, Π½Π°ΠΊΠΎΠ½Π΅Ρ, Ρ Π·Π°Π²Π΅ΡΠ½ΡΠ»
@franklhlc Bootstrap 4 (Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ) ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Autoprefixer , ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΡΠΈ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠ°. ΠΡΠ»ΠΈ Π²Ρ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅ΡΠ΅ Sass ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΈΡΡΠ΅Π·Π½Π΅Ρ.
@tiesont ΡΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΡΡΠΎ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅, ΠΌΠ½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ. Π§ΡΠΎ Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΠ» ΡΠ²ΠΎΠΈ ΡΠ΅ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΎΠ±ΡΠΈΡΠΎΠ²Π°Π» Π²ΡΡΠ΅, Ρ Π±Ρ ΡΠ΄Π΅Π»Π°Π». Π― Ρ ΠΎΡΠ΅Π» ΡΠ²ΠΈΠ΄Π΅ΡΡ, Π±ΡΠ»ΠΎ Π»ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈ Π·Π°ΠΊΡΡΡΠΈΠ΅ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ° (ΡΠΎΠ»ΡΠΊΠΎ Π² IE) ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΡΠΌ Π΄Π»Ρ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ BS ΠΈ jQ. ΠΡΠ°ΠΊ, Π·Π°ΠΌΠ΅Π½Π° BS / CSS 4.1.3, ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π΄Π»Ρ 3.3.7 BS / CSSβ¦. ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ» ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅ ΡΠ½ΠΎΠ²Π° ΡΠ°Π±ΠΎΡΠ°ΡΡ. Π½Π΅ ΠΈΠΌΠ΅Π»ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π»ΠΈ Ρ jQuery Π²Π΅ΡΡΠΈΠΈ 2.2.4 ΠΈΠ»ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ 3.3.7. Π ΡΠ½ΠΎΠ²Π° . ΠΠ΄Π½Π°ΠΊΠΎ, ΠΊΠ°ΠΊ ΠΈ ΡΠ°Π½ΡΡΠ΅, Π²ΡΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ Π² Chrome ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ.
ΠΡΠ°ΠΊ, Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π² BS 4.1.3 js ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ IEβ¦. Π²ΠΎΡ ΠΊ ΡΠ΅ΠΌΡ ΡΡΠΎ ΡΠΎΠΆΠ΅ ΡΠ²ΠΎΠ΄ΠΈΡΡΡ. ΠΡΠ΅ ΡΠ°Π·, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡ html ΠΈ Π·Π°ΠΌΠ΅Π½Ρ -ms-overflow-y Π² ΡΠ΅Π³Π΅ ul Π½Π° overflow-y (ΠΈΡΠΊΠ»ΡΡΠΈΠ² ΠΏΡΠ΅ΡΠΈΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°) (ΡΡΠΎ, Ρ Π΄ΡΠΌΠ°Ρ, Π±ΡΠ΄Π΅Ρ ΠΏΠΎΡ
ΠΎΠΆΠ΅ Π½Π° innerHTML) Π² IE f12, ΠΏΡΠΎΠΊΡΡΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ½ΠΎΠ²Π° ΠΊΡΠ°ΡΠΈΠ²ΠΎ.
ΠΠΎΠ³Π΄Π° Ρ ΠΏΡΡΠ°ΡΡΡ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΡΡ ΡΡΡΠΎΠΊΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌ jq Π² ΡΠΎΠ±ΡΡΠΈΠΈ onDropdownShown, ΠΎΠ½ (ΡΡΠΎ-ΡΠΎ, Π½Π΅ Π·Π½Π°Ρ, ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ) Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ ΠΏΡΠ΅ΡΠΈΠΊΡ -ms- Π² ΡΠ²ΠΎΠΉΡΡΠ²Π΅ ΡΡΠΈΠ»Ρ this. 3.3.7 bs ΠΈ jq 2.1.4 ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΡΡΠΈΠ»Ρ Π΄Π»Ρ ΡΠ΅Π³Π° ul, Π½ΠΎ, ΡΠ΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΈΡ
Π²Π΅ΡΡΠΈΠΉ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ².
ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΠ» ΡΠ°Π·Π½ΠΈΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ bs 4.1.3 Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π² Π²ΠΈΠ΄Π΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ css Π²
ΠΈΠ·Π²ΠΈΠ½ΠΈΡΠ΅, ΠΏΡΠΎΠΏΡΡΠ΅Π½Ρ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π½Π΅ ΠΏΠΎΠΏΠ°Π»Π° Π² ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ..
4.1.3 ΡΠ΅Π³ ul (IE scroll Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ)
ul class="multiselect-container dropdown-menu show" style="left: 0px; top: 0px; position: absolute; -ms-overflow-x: hidden; -ms-overflow-y: auto; max-height: 200px; transform: translate3d(5px, 34px, 0px);"
x-Placement = "bottom-start"
3.3.7 bs ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΠΎΡΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π΄Π»Ρ
`ul class =" ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π΅ΡΡ-ΠΌΠ΅Π½Ρ multiselect-container "style =" - ms-overflow-x: hidden; -ms-overflow-y: auto; max-height: 200px; '
`
Π§ΡΠΎ ΠΆ, Π²ΡΠ΅, ΡΡΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌΠΈΡΡ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ ΠΈΠ»ΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌΠΈ ΠΎΠΊΠ½Π°ΠΌΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΎΠΊΠ½Π° ΠΈΠ»ΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ ΠΎΠΊΠ½Π°), ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Popper.js, ΠΏΠΎΡΡΠΎΠΌΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΡΠΎ ΡΡΠΎ Π²Π°Ρ Π²ΠΈΠ½ΠΎΠ²Π½ΠΈΠΊ (ΡΡΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ v3 ΠΈ v4). ΠΠΎΡ ΠΎΠΆΠ΅, ΡΡΠΎ Ρ Popper Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠ»ΠΈΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ» Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠ°.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡΠΈΠ²Π΅Ρ, Ρ ΠΊΠ°ΠΊ Π±Ρ ΠΏΠΎΠ½ΡΠ», ΡΡΠΎ ΡΡΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°. ΠΠΎΠ³Π΄Π° Ρ ΡΠ΄Π°Π»ΠΈΠ»
tabindex="-1"
ΠΈΠ·
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
Π― ΡΠΌΠΎΠ³ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.