fomantic-ui 2.9.0-beta.325 → 2.9.0-beta.327

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/components/accordion.css +1 -1
  2. package/dist/components/accordion.js +1 -1
  3. package/dist/components/accordion.min.css +1 -1
  4. package/dist/components/accordion.min.js +1 -1
  5. package/dist/components/ad.css +1 -1
  6. package/dist/components/ad.min.css +1 -1
  7. package/dist/components/api.js +1 -1
  8. package/dist/components/api.min.js +1 -1
  9. package/dist/components/breadcrumb.css +1 -1
  10. package/dist/components/breadcrumb.min.css +1 -1
  11. package/dist/components/button.css +1 -1
  12. package/dist/components/button.min.css +1 -1
  13. package/dist/components/calendar.css +1 -1
  14. package/dist/components/calendar.js +1 -1
  15. package/dist/components/calendar.min.css +1 -1
  16. package/dist/components/calendar.min.js +1 -1
  17. package/dist/components/card.css +1 -1
  18. package/dist/components/card.min.css +1 -1
  19. package/dist/components/checkbox.css +1 -1
  20. package/dist/components/checkbox.js +1 -1
  21. package/dist/components/checkbox.min.css +1 -1
  22. package/dist/components/checkbox.min.js +1 -1
  23. package/dist/components/comment.css +1 -1
  24. package/dist/components/comment.min.css +1 -1
  25. package/dist/components/container.css +1 -1
  26. package/dist/components/container.min.css +1 -1
  27. package/dist/components/dimmer.css +1 -1
  28. package/dist/components/dimmer.js +1 -1
  29. package/dist/components/dimmer.min.css +1 -1
  30. package/dist/components/dimmer.min.js +1 -1
  31. package/dist/components/divider.css +1 -1
  32. package/dist/components/divider.min.css +1 -1
  33. package/dist/components/dropdown.css +1 -1
  34. package/dist/components/dropdown.js +34 -14
  35. package/dist/components/dropdown.min.css +1 -1
  36. package/dist/components/dropdown.min.js +2 -2
  37. package/dist/components/embed.css +1 -1
  38. package/dist/components/embed.js +1 -1
  39. package/dist/components/embed.min.css +1 -1
  40. package/dist/components/embed.min.js +1 -1
  41. package/dist/components/feed.css +1 -1
  42. package/dist/components/feed.min.css +1 -1
  43. package/dist/components/flag.css +1 -1
  44. package/dist/components/flag.min.css +1 -1
  45. package/dist/components/flyout.css +1 -1
  46. package/dist/components/flyout.js +3 -2
  47. package/dist/components/flyout.min.css +1 -1
  48. package/dist/components/flyout.min.js +2 -2
  49. package/dist/components/form.css +1 -1
  50. package/dist/components/form.js +2 -1
  51. package/dist/components/form.min.css +1 -1
  52. package/dist/components/form.min.js +2 -2
  53. package/dist/components/grid.css +1 -1
  54. package/dist/components/grid.min.css +1 -1
  55. package/dist/components/header.css +1 -1
  56. package/dist/components/header.min.css +1 -1
  57. package/dist/components/icon.css +1 -1
  58. package/dist/components/icon.min.css +1 -1
  59. package/dist/components/image.css +1 -1
  60. package/dist/components/image.min.css +1 -1
  61. package/dist/components/input.css +1 -1
  62. package/dist/components/input.min.css +1 -1
  63. package/dist/components/item.css +1 -1
  64. package/dist/components/item.min.css +1 -1
  65. package/dist/components/label.css +1 -1
  66. package/dist/components/label.min.css +1 -1
  67. package/dist/components/list.css +1 -1
  68. package/dist/components/list.min.css +1 -1
  69. package/dist/components/loader.css +1 -1
  70. package/dist/components/loader.min.css +1 -1
  71. package/dist/components/message.css +1 -1
  72. package/dist/components/message.min.css +1 -1
  73. package/dist/components/modal.css +1 -1
  74. package/dist/components/modal.js +3 -2
  75. package/dist/components/modal.min.css +1 -1
  76. package/dist/components/modal.min.js +2 -2
  77. package/dist/components/nag.css +1 -1
  78. package/dist/components/nag.js +1 -1
  79. package/dist/components/nag.min.css +1 -1
  80. package/dist/components/nag.min.js +1 -1
  81. package/dist/components/placeholder.css +1 -1
  82. package/dist/components/placeholder.min.css +1 -1
  83. package/dist/components/popup.css +1 -1
  84. package/dist/components/popup.js +1 -1
  85. package/dist/components/popup.min.css +1 -1
  86. package/dist/components/popup.min.js +1 -1
  87. package/dist/components/progress.css +1 -1
  88. package/dist/components/progress.js +1 -1
  89. package/dist/components/progress.min.css +1 -1
  90. package/dist/components/progress.min.js +1 -1
  91. package/dist/components/rail.css +1 -1
  92. package/dist/components/rail.min.css +1 -1
  93. package/dist/components/rating.css +1 -1
  94. package/dist/components/rating.js +1 -1
  95. package/dist/components/rating.min.css +1 -1
  96. package/dist/components/rating.min.js +1 -1
  97. package/dist/components/reset.css +1 -1
  98. package/dist/components/reset.min.css +1 -1
  99. package/dist/components/reveal.css +1 -1
  100. package/dist/components/reveal.min.css +1 -1
  101. package/dist/components/search.css +1 -1
  102. package/dist/components/search.js +1 -1
  103. package/dist/components/search.min.css +1 -1
  104. package/dist/components/search.min.js +1 -1
  105. package/dist/components/segment.css +1 -1
  106. package/dist/components/segment.min.css +1 -1
  107. package/dist/components/shape.css +1 -1
  108. package/dist/components/shape.js +1 -1
  109. package/dist/components/shape.min.css +1 -1
  110. package/dist/components/shape.min.js +1 -1
  111. package/dist/components/sidebar.css +1 -1
  112. package/dist/components/sidebar.js +1 -1
  113. package/dist/components/sidebar.min.css +1 -1
  114. package/dist/components/sidebar.min.js +1 -1
  115. package/dist/components/site.css +1 -1
  116. package/dist/components/site.js +1 -1
  117. package/dist/components/site.min.css +1 -1
  118. package/dist/components/site.min.js +1 -1
  119. package/dist/components/slider.js +1 -1
  120. package/dist/components/slider.min.js +1 -1
  121. package/dist/components/state.js +1 -1
  122. package/dist/components/state.min.js +1 -1
  123. package/dist/components/statistic.css +1 -1
  124. package/dist/components/statistic.min.css +1 -1
  125. package/dist/components/step.css +1 -1
  126. package/dist/components/step.min.css +1 -1
  127. package/dist/components/sticky.css +1 -1
  128. package/dist/components/sticky.js +20 -2
  129. package/dist/components/sticky.min.css +1 -1
  130. package/dist/components/sticky.min.js +2 -2
  131. package/dist/components/tab.css +1 -1
  132. package/dist/components/tab.js +1 -1
  133. package/dist/components/tab.min.css +1 -1
  134. package/dist/components/tab.min.js +1 -1
  135. package/dist/components/table.css +1 -1
  136. package/dist/components/table.min.css +1 -1
  137. package/dist/components/text.css +1 -1
  138. package/dist/components/text.min.css +1 -1
  139. package/dist/components/toast.css +1 -1
  140. package/dist/components/toast.js +1 -1
  141. package/dist/components/toast.min.css +1 -1
  142. package/dist/components/toast.min.js +1 -1
  143. package/dist/components/transition.css +1 -1
  144. package/dist/components/transition.js +1 -1
  145. package/dist/components/transition.min.css +1 -1
  146. package/dist/components/transition.min.js +1 -1
  147. package/dist/components/visibility.js +1 -1
  148. package/dist/components/visibility.min.js +1 -1
  149. package/dist/semantic.css +50 -50
  150. package/dist/semantic.js +83 -42
  151. package/dist/semantic.min.css +1 -1
  152. package/dist/semantic.min.js +2 -2
  153. package/examples/components/sticky-context.html +197 -0
  154. package/package.json +1 -1
  155. package/src/definitions/behaviors/form.js +1 -0
  156. package/src/definitions/modules/dropdown.js +33 -13
  157. package/src/definitions/modules/flyout.js +2 -1
  158. package/src/definitions/modules/modal.js +2 -1
  159. package/src/definitions/modules/sticky.js +19 -1
  160. package/tasks/config/admin/templates/css-package.js +4 -2
package/examples/components/sticky-context.html ADDED
@@ -0,0 +1,197 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <!-- Standard Meta -->
5
+ <meta charset="utf-8" />
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
8
+
9
+ <!-- Site Properties -->
10
+ <title>Sticky Context - Semantic</title>
11
+
12
+ <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">
13
+ <link rel="stylesheet" type="text/css" href="../../dist/components/site.css">
14
+
15
+ <link rel="stylesheet" type="text/css" href="../../dist/components/container.css">
16
+ <link rel="stylesheet" type="text/css" href="../../dist/components/grid.css">
17
+ <link rel="stylesheet" type="text/css" href="../../dist/components/header.css">
18
+
19
+ <link rel="stylesheet" type="text/css" href="../../dist/components/image.css">
20
+ <link rel="stylesheet" type="text/css" href="../../dist/components/rail.css">
21
+ <link rel="stylesheet" type="text/css" href="../../dist/components/sticky.css">
22
+ <link rel="stylesheet" type="text/css" href="../../dist/components/form.css">
23
+ <link rel="stylesheet" type="text/css" href="../../dist/components/button.css">
24
+
25
+ <script src="../assets/library/jquery.min.js"></script>
26
+ <script src="../../dist/components/sticky.js"></script>
27
+ <script>
28
+ $(document)
29
+ .ready(function() {
30
+
31
+ // sticky
32
+ $('.ui.sticky').sticky({
33
+ context: $('.page.container'),
34
+ });
35
+
36
+ $('.sticky.field .button')
37
+ .on('click', function() {
38
+ if($(this).hasClass('tall')) {
39
+ $('.ui.sticky').addClass('tall').removeClass('short');
40
+ }
41
+ else {
42
+ $('.ui.sticky').addClass('short').removeClass('tall');
43
+ }
44
+ $(this).addClass('primary').siblings().removeClass('primary');
45
+ $('.ui.sticky').sticky('refresh');
46
+ })
47
+ ;
48
+ $('.content.field .button')
49
+ .on('click', function() {
50
+ if($(this).hasClass('tall')) {
51
+ $('.page.container').addClass('tall').removeClass('short');
52
+ }
53
+ else {
54
+ $('.page.container').addClass('short').removeClass('tall');
55
+ }
56
+ $(this).addClass('primary').siblings().removeClass('primary');
57
+ $('.ui.sticky').sticky('refresh');
58
+ })
59
+ ;
60
+
61
+
62
+ })
63
+ ;
64
+ </script>
65
+
66
+ <style type="text/css">
67
+
68
+ body {
69
+ background-color: #FFFFFF;
70
+ }
71
+ .text.container {
72
+ position: relative;
73
+ margin-top: 3rem;
74
+ }
75
+ .rail .image {
76
+ margin-bottom: 1rem;
77
+ }
78
+ .ui.sticky {
79
+ padding: 1rem 0rem;
80
+ }
81
+ .masthead {
82
+ background-color: #121212;
83
+ padding: 4rem 0rem;
84
+ color: rgba(255, 255, 255, 0.6);
85
+ text-align: center;
86
+ }
87
+ .masthead p {
88
+ font-size: 18px;
89
+ max-width: 450px;
90
+ margin: 0 auto 2rem;
91
+ }
92
+
93
+ .ui.sticky.short img {
94
+ display: none;
95
+ }
96
+ .ui.sticky.short img:first-child {
97
+ display: block;
98
+ }
99
+ .ui.sticky.short img:nth-child(2) {
100
+ display: block;
101
+ }
102
+
103
+ .page.container {
104
+ margin-bottom: 3rem;
105
+ }
106
+ .page.container.short p {
107
+ display: none;
108
+ }
109
+ .page.container.short p:first-of-type {
110
+ display: block;
111
+ }
112
+
113
+ </style>
114
+
115
+ </head>
116
+ <body>
117
+ <div class="masthead">
118
+ <div class="ui text container">
119
+ <h2 class="ui inverted header">
120
+ Page Header
121
+ </h2>
122
+ <p>This example helps show sticky behavior when it is larger or smaller than browser window or content height.</p>
123
+ <div class="ui inverted form">
124
+ <div class="two fields">
125
+ <div class="content field">
126
+ <label>Content Height</label>
127
+ <div class="ui primary tall button">
128
+ Tall
129
+ </div>
130
+ <div class="ui short button">
131
+ Short
132
+ </div>
133
+ </div>
134
+ <div class="sticky field">
135
+ <label>Sticky Height</label>
136
+ <div class="ui tall button">
137
+ Tall
138
+ </div>
139
+ <div class="ui primary short button">
140
+ Short
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ <div class="ui tall page text container">
148
+ <div class="ui right divided rail">
149
+ <div class="ui short sticky">
150
+ <img class="ui fluid image" src="../assets/images/wireframe/square-image.png">
151
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
152
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
153
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
154
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
155
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
156
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
157
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
158
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
159
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
160
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
161
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
162
+ <img class="ui fluid image" src="../assets/images/wireframe/paragraph.png">
163
+ </div>
164
+ </div>
165
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
166
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
167
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
168
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
169
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
170
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
171
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
172
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
173
+
174
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
175
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
176
+
177
+ Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
178
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
179
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
180
+
181
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
182
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
183
+
184
+ Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
185
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
186
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
187
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
188
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
189
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
190
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
191
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
192
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
193
+ </div>
194
+
195
+ </body>
196
+
197
+ </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fomantic-ui",
3
- "version": "2.9.0-beta.325+1ff8bfd",
3
+ "version": "2.9.0-beta.327+e146d70",
4
4
  "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
5
5
  "keywords": [
6
6
  "fomantic-ui",
package/src/definitions/behaviors/form.js CHANGED
@@ -642,6 +642,7 @@ $.fn.form = function(parameters) {
642
642
  if((t=$field.filter('[data-' + metadata.validate + '="'+ identifier +'"]')).length > 0 ) {
643
643
  return t;
644
644
  }
645
+ module.debug('Field identifier not found.', identifier);
645
646
  return $('<input/>');
646
647
  },
647
648
  fields: function(fields) {
package/src/definitions/modules/dropdown.js CHANGED
@@ -543,6 +543,7 @@ $.fn.dropdown = function(parameters) {
543
543
  return true;
544
544
  }
545
545
  if(settings.onShow.call(element) !== false) {
546
+ module.remove.empty();
546
547
  module.animate.show(function() {
547
548
  module.bind.intent();
548
549
  if(module.has.search() && !preventFocus) {
@@ -601,7 +602,7 @@ $.fn.dropdown = function(parameters) {
601
602
  module.verbose('Hiding menu instantaneously');
602
603
  module.remove.active();
603
604
  module.remove.visible();
604
- $menu.transition('hide');
605
+ $menu.transition('destroy').transition('hide');
605
606
  },
606
607
 
607
608
  hideSubMenus: function() {
@@ -762,6 +763,7 @@ $.fn.dropdown = function(parameters) {
762
763
  }
763
764
  else {
764
765
  module.verbose('All items filtered, hiding dropdown', searchTerm);
766
+ module.set.empty();
765
767
  module.hideMenu();
766
768
  }
767
769
  }
@@ -772,7 +774,7 @@ $.fn.dropdown = function(parameters) {
772
774
  if(settings.allowAdditions) {
773
775
  module.add.userSuggestion(module.escape.htmlEntities(query));
774
776
  }
775
- if(module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() ) {
777
+ if(module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() && !module.is.empty()) {
776
778
  module.show();
777
779
  }
778
780
  }
@@ -1389,6 +1391,10 @@ $.fn.dropdown = function(parameters) {
1389
1391
  if(settings.allowAdditions) {
1390
1392
  module.remove.userAddition();
1391
1393
  }
1394
+ module.remove.filteredItem();
1395
+ if(!module.is.visible()) {
1396
+ module.show();
1397
+ }
1392
1398
  module.remove.searchTerm();
1393
1399
  if(!module.is.focusedOnSearch() && skipRefocus !== true) {
1394
1400
  module.focusSearch(true);
@@ -1503,12 +1509,18 @@ $.fn.dropdown = function(parameters) {
1503
1509
  }
1504
1510
  $activeLabel.last().next(selector.siblingLabel).addClass(className.active);
1505
1511
  module.remove.activeLabels($activeLabel);
1512
+ if(!module.is.visible()){
1513
+ module.show();
1514
+ }
1506
1515
  event.preventDefault();
1507
1516
  }
1508
1517
  else if(caretAtStart && !isSelectedSearch && !hasActiveLabel && pressedKey == keys.backspace) {
1509
1518
  module.verbose('Removing last label on input backspace');
1510
1519
  $activeLabel = $label.last().addClass(className.active);
1511
1520
  module.remove.activeLabels($activeLabel);
1521
+ if(!module.is.visible()){
1522
+ module.show();
1523
+ }
1512
1524
  }
1513
1525
  }
1514
1526
  else {
@@ -1540,14 +1552,16 @@ $.fn.dropdown = function(parameters) {
1540
1552
  hasSelectedItem = ($selectedItem.length > 0),
1541
1553
  selectedIsSelectable = ($selectedItem.not(selector.unselectable).length > 0),
1542
1554
  delimiterPressed = (event.key === settings.delimiter && module.is.multiple()),
1543
- isAdditionWithoutMenu = (settings.allowAdditions && settings.hideAdditions && (pressedKey == keys.enter || delimiterPressed) && selectedIsSelectable),
1555
+ isAdditionWithoutMenu = settings.allowAdditions && (pressedKey == keys.enter || delimiterPressed),
1544
1556
  $nextItem,
1545
1557
  isSubMenuItem
1546
1558
  ;
1547
1559
  // allow selection with menu closed
1548
1560
  if(isAdditionWithoutMenu) {
1549
- module.verbose('Selecting item from keyboard shortcut', $selectedItem);
1550
- module.event.item.click.call($selectedItem, event);
1561
+ if (selectedIsSelectable && settings.hideAdditions) {
1562
+ module.verbose('Selecting item from keyboard shortcut', $selectedItem);
1563
+ module.event.item.click.call($selectedItem, event);
1564
+ }
1551
1565
  if(module.is.searchSelection()) {
1552
1566
  module.remove.searchTerm();
1553
1567
  }
@@ -1690,7 +1704,7 @@ $.fn.dropdown = function(parameters) {
1690
1704
  }
1691
1705
  else {
1692
1706
  // delimiter key
1693
- if(delimiterPressed) {
1707
+ if(pressedKey == keys.enter || delimiterPressed) {
1694
1708
  event.preventDefault();
1695
1709
  }
1696
1710
  // down arrow (open menu)
@@ -1886,7 +1900,7 @@ $.fn.dropdown = function(parameters) {
1886
1900
  },
1887
1901
  userValues: function() {
1888
1902
  var
1889
- values = module.get.values()
1903
+ values = module.get.values(true)
1890
1904
  ;
1891
1905
  if(!values) {
1892
1906
  return false;
@@ -2563,7 +2577,7 @@ $.fn.dropdown = function(parameters) {
2563
2577
  $menu.removeClass(className.loading);
2564
2578
  }
2565
2579
  },
2566
- text: function(text) {
2580
+ text: function(text, isNotPlaceholder) {
2567
2581
  if(settings.action === 'combo') {
2568
2582
  module.debug('Changing combo button text', text, $combo);
2569
2583
  if(settings.preserveHTML) {
@@ -2574,7 +2588,7 @@ $.fn.dropdown = function(parameters) {
2574
2588
  }
2575
2589
  }
2576
2590
  else if(settings.action === 'activate') {
2577
- if(text !== module.get.placeholderText()) {
2591
+ if(text !== module.get.placeholderText() || isNotPlaceholder) {
2578
2592
  $text.removeClass(className.placeholder);
2579
2593
  }
2580
2594
  module.debug('Changing text', text, $text);
@@ -2593,7 +2607,7 @@ $.fn.dropdown = function(parameters) {
2593
2607
  var
2594
2608
  value = module.get.choiceValue($item),
2595
2609
  searchText = module.get.choiceText($item, false),
2596
- text = module.get.choiceText($item, true)
2610
+ text = module.get.choiceText($item)
2597
2611
  ;
2598
2612
  module.debug('Setting user selection to item', $item);
2599
2613
  module.remove.activeItem();
@@ -2822,7 +2836,7 @@ $.fn.dropdown = function(parameters) {
2822
2836
  module.save.remoteData(selectedText, selectedValue);
2823
2837
  }
2824
2838
  if (!keepSearchTerm && !$selected.hasClass(className.actionable)) {
2825
- module.set.text(selectedText);
2839
+ module.set.text(selectedText, true);
2826
2840
  }
2827
2841
  module.set.value(selectedValue, selectedText, $selected, preventChangeTrigger);
2828
2842
  $selected
@@ -2835,6 +2849,10 @@ $.fn.dropdown = function(parameters) {
2835
2849
  if (!keepSearchTerm) {
2836
2850
  module.remove.searchTerm();
2837
2851
  }
2852
+ if(module.is.allFiltered()) {
2853
+ module.set.empty();
2854
+ module.hideMenu();
2855
+ }
2838
2856
  }
2839
2857
  },
2840
2858
 
@@ -3167,10 +3185,9 @@ $.fn.dropdown = function(parameters) {
3167
3185
  },
3168
3186
  value: function(removedValue, removedText, $removedItem, preventChangeTrigger) {
3169
3187
  var
3170
- values = module.get.values(),
3188
+ values = module.get.values(true),
3171
3189
  newValue
3172
3190
  ;
3173
- removedValue = module.escape.htmlEntities(removedValue);
3174
3191
  if( module.has.selectInput() ) {
3175
3192
  module.verbose('Input is <select> removing selected option', removedValue);
3176
3193
  newValue = module.remove.arrayValue(removedValue, values);
@@ -3403,6 +3420,9 @@ $.fn.dropdown = function(parameters) {
3403
3420
  edge: function() {
3404
3421
  return !!window.chrome && !!window.StyleMedia;
3405
3422
  },
3423
+ empty: function() {
3424
+ return $module.hasClass(className.empty);
3425
+ },
3406
3426
  chrome: function() {
3407
3427
  return !!window.chrome && !window.StyleMedia;
3408
3428
  },
package/src/definitions/modules/flyout.js CHANGED
@@ -168,7 +168,6 @@ $.flyout = $.fn.flyout = function(parameters) {
168
168
  module.setup.heights();
169
169
  module.bind.resize();
170
170
  }
171
- module.refreshInputs();
172
171
  module.bind.events();
173
172
  module.observeChanges();
174
173
  module.instantiate();
@@ -208,6 +207,7 @@ $.flyout = $.fn.flyout = function(parameters) {
208
207
  $('<div/>', {class: className.actions}).appendTo($module);
209
208
  }
210
209
  $module.prependTo($context);
210
+ element = $module[0];
211
211
  },
212
212
  id: function() {
213
213
  id = (Math.random().toString(16) + '000000000').slice(2, 10);
@@ -621,6 +621,7 @@ $.flyout = $.fn.flyout = function(parameters) {
621
621
  module.add.keyboardShortcuts();
622
622
  }
623
623
  module.save.focus();
624
+ module.refreshInputs();
624
625
  if(settings.autofocus) {
625
626
  module.set.autofocus();
626
627
  }
package/src/definitions/modules/modal.js CHANGED
@@ -153,7 +153,6 @@ $.modal = $.fn.modal = function(parameters) {
153
153
  $module.addClass('top aligned');
154
154
  }
155
155
  module.refreshModals();
156
- module.refreshInputs();
157
156
  module.bind.events();
158
157
  module.observeChanges();
159
158
  module.instantiate();
@@ -191,6 +190,7 @@ $.modal = $.fn.modal = function(parameters) {
191
190
  $('<div/>', {class: className.actions}).appendTo($module);
192
191
  }
193
192
  $context.append($module);
193
+ element = $module[0];
194
194
  },
195
195
  dimmer: function() {
196
196
  var
@@ -574,6 +574,7 @@ $.modal = $.fn.modal = function(parameters) {
574
574
  }
575
575
  module.save.focus();
576
576
  module.set.active();
577
+ module.refreshInputs()
577
578
  if(settings.autofocus) {
578
579
  module.set.autofocus();
579
580
  }
package/src/definitions/modules/sticky.js CHANGED
@@ -394,6 +394,18 @@ $.fn.sticky = function(parameters) {
394
394
  module.determineContainer();
395
395
  }
396
396
  else {
397
+ var tallestHeight = Math.max(module.cache.context.height, module.cache.element.height);
398
+ if(tallestHeight - $container.outerHeight() > settings.jitter) {
399
+ module.debug('Context is taller than container. Specifying exact height for container', module.cache.context.height);
400
+ $container.css({
401
+ height: tallestHeight,
402
+ });
403
+ }
404
+ else {
405
+ $container.css({
406
+ height: '',
407
+ });
408
+ }
397
409
  if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
398
410
  module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
399
411
  $container.css({
@@ -492,7 +504,7 @@ $.fn.sticky = function(parameters) {
492
504
  module.bindBottom();
493
505
  }
494
506
  else if(scroll.top > element.top) {
495
- if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
507
+ if( (element.height + scroll.top - elementScroll) >= context.bottom && element.height < context.height) {
496
508
  module.debug('Initial element position is bottom of container');
497
509
  module.bindBottom();
498
510
  }
@@ -571,6 +583,9 @@ $.fn.sticky = function(parameters) {
571
583
  bindTop: function() {
572
584
  module.debug('Binding element to top of parent container');
573
585
  module.remove.offset();
586
+ if(settings.setSize) {
587
+ module.set.size();
588
+ }
574
589
  $module
575
590
  .css({
576
591
  left : '',
@@ -588,6 +603,9 @@ $.fn.sticky = function(parameters) {
588
603
  bindBottom: function() {
589
604
  module.debug('Binding element to bottom of parent container');
590
605
  module.remove.offset();
606
+ if(settings.setSize) {
607
+ module.set.size();
608
+ }
591
609
  $module
592
610
  .css({
593
611
  left : '',
package/tasks/config/admin/templates/css-package.js CHANGED
@@ -15,11 +15,13 @@ Package.onUse(function(api) {
15
15
 
16
16
  api.use('jquery', 'client');
17
17
 
18
- api.addFiles([
18
+ api.addAssets([
19
19
  // icons
20
20
  'themes/default/assets/fonts/icons.woff',
21
- 'themes/default/assets/fonts/icons.woff2',
21
+ 'themes/default/assets/fonts/icons.woff2'
22
+ ], 'client');
22
23
 
24
+ api.addFiles([
23
25
  // release
24
26
  'semantic.css',
25
27
  'semantic.js'